@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background-color:#fff}.w-md-editor{background-color:#fff!important;color:#333!important;border:1px solid #ddd!important}.w-md-editor-text-pre>code,.w-md-editor-text-input{font-size:16px!important;line-height:1.5!important}.w-md-editor-text{color:#333!important}.wmde-markdown{background-color:#fff!important;color:#333!important}.post-card{transition:transform .2s ease-in-out}.post-card:hover{transform:translateY(-4px)}.post-card-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:8px 8px 0 0}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 640px){.post-card-header-with-image{flex-direction:column}.post-card-image-container{max-width:100%;margin-top:1rem}.post-card-image{height:200px}}.post-card:hover{transform:translateY(-2px)}.post-meta{color:#666;font-size:.9rem;margin-bottom:1rem}.post-excerpt{margin-bottom:1.5rem;line-height:1.6}.post-actions{display:flex;gap:1rem}.read-more,.edit-post{padding:.5rem 1rem;border-radius:4px;text-decoration:none;transition:background-color .2s}.read-more{background-color:#4f46e5;color:#fff}.read-more:hover{background-color:#4338ca}.edit-post{background-color:#f3f4f6;color:#333}.edit-post:hover{background-color:#e5e7eb}.create-post{max-width:800px;margin:0 auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border-radius:4px;border:1px solid #ddd;background:#fff;color:#333;font-size:1rem}.submit-btn{background-color:#4f46e5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.submit-btn:hover{background-color:#4338ca}.submit-btn:disabled{background-color:#e5e7eb;cursor:not-allowed}.auth-container{max-width:400px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.error-message{color:#dc2626;margin-bottom:1rem;padding:.5rem;background:#fee2e2;border-radius:4px}.success-message{color:#059669;margin-bottom:1rem;padding:.5rem;background:#d1fae5;border-radius:4px}.logout-btn{background:none;border:1px solid #4f46e5;color:#4f46e5;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#4f46e5;color:#fff}.login-btn{background:#4f46e5;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;transition:background-color .2s}.login-btn:hover{background:#4338ca}.interests-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.interest-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.interest-checkbox input[type=checkbox]{width:auto;margin:0}.post-interests{display:flex;gap:.5rem;margin-bottom:.5rem}.interest-tag{background:#f3f4f6;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;color:#333}.character-count{display:block;margin-top:.25rem;font-size:.875rem;color:#666}.comments-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #ddd}.comment{background:#f8f9fa;padding:1rem;border-radius:4px;margin-bottom:1rem}.comment-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.comment-author{font-weight:700;color:#333}.comment-date{color:#666}.delete-comment{background:none;border:none;color:#dc2626;cursor:pointer;padding:0;font-size:.9rem}.delete-comment:hover{text-decoration:underline}.landing-page{margin:-2rem}.hero-section{background:linear-gradient(#00000080,#00000080),url(/images/coder.jpg);background-size:cover;background-position:center;color:#fff;text-align:center;padding:8rem 2rem;margin-bottom:0}.hero-content{max-width:800px;margin:0 auto}.hero-content h1{font-size:3rem;margin-bottom:1rem}.hero-subtitle{font-size:1.25rem;opacity:.9}.content-section{padding:6rem 2rem}.section-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:4rem}.section-content.reverse{flex-direction:row-reverse}.section-text{flex:1}.section-text h2{font-size:2.5rem;margin-bottom:1rem;color:#333}.section-text p{font-size:1.1rem;color:#666;margin-bottom:2rem}.section-image{flex:1}.section-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 6px #0000001a}.section-link{display:inline-block;padding:.8rem 1.5rem;background-color:#4f46e5;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s}.section-link:hover{background-color:#4338ca}.coder-section{background-color:#f8f9fa}.golfer-section{background-color:#fff}.mentor-section{background-color:#f8f9fa}.aging-section{background-color:#fff}@media (max-width: 768px){.section-content{flex-direction:column;gap:2rem;text-align:center}.section-content.reverse{flex-direction:column}.hero-content h1,.section-text h2{font-size:2rem}}.post-images{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.post-image{max-width:300px;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 2px 4px #0000001a}.image-preview{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.preview-image{max-width:200px;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:4px;box-shadow:0 2px 4px #0000001a}.post-card-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:8px 8px 0 0;margin-bottom:1rem}.upload-button{display:inline-block;padding:.5rem 1rem;background-color:#4f46e5;color:#fff;border-radius:4px;cursor:pointer;transition:background-color .2s}.upload-button:hover{background-color:#4338ca}@media (max-width: 768px){.post-image{max-width:100%;height:250px}.preview-image{max-width:100%;height:200px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:400px;width:90%;text-align:center}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.confirm-btn{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.cancel-btn{background:#6b7280;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.delete-post,.delete-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:.5rem 1rem;font-size:1rem}.delete-post:hover,.delete-btn:hover{text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease}.w-md-editor{background-color:var(--md-bg)!important;transition:background-color .3s ease!important}.w-md-editor-text-pre>code,.w-md-editor-text-input{font-size:15px!important;line-height:1.6!important;color:var(--md-text)!important}.wmde-markdown{background-color:var(--md-bg)!important;color:var(--md-text)!important;font-size:15px!important;line-height:1.6!important;transition:background-color .3s ease,color .3s ease!important}:root{--md-bg: #ffffff;--md-text: #2D3250;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--container-xs: 100%;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1140px;--container-xxl: 1320px}[data-theme=dark]{--md-bg: #23242F;--md-text: #E8E9F1}html{scroll-behavior:smooth}:root{--scrollbar-track: #f1f1f1;--scrollbar-thumb: #c5c5c5;--scrollbar-thumb-hover: #a8a8a8}[data-theme=dark]{--scrollbar-track: #2A2B36;--scrollbar-thumb: #424769;--scrollbar-thumb-hover: #676F9D}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}a{text-decoration:none;color:inherit;transition:color .2s ease}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .2s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s ease-in}::-moz-selection{background:var(--selection-bg, rgba(45, 50, 80, .1));color:var(--selection-text, #2D3250)}::selection{background:var(--selection-bg, rgba(45, 50, 80, .1));color:var(--selection-text, #2D3250)}[data-theme=dark] ::-moz-selection{--selection-bg: rgba(136, 145, 189, .2);--selection-text: #E8E9F1}[data-theme=dark] ::selection{--selection-bg: rgba(136, 145, 189, .2);--selection-text: #E8E9F1}img{max-width:100%;height:auto;display:block}.container,.container-fluid{width:100%;padding-right:var(--spacing-md);padding-left:var(--spacing-md);margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:var(--container-sm);padding-right:var(--spacing-lg);padding-left:var(--spacing-lg)}}@media (min-width: 768px){.container{max-width:var(--container-md)}}@media (min-width: 992px){.container{max-width:var(--container-lg)}}@media (min-width: 1200px){.container{max-width:var(--container-xl)}}@media (min-width: 1400px){.container{max-width:var(--container-xxl)}}@media (min-width: 2000px){.MuiContainer-root{max-width:1400px!important}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.m-0{margin:0!important}.m-1{margin:var(--spacing-xs)!important}.m-2{margin:var(--spacing-sm)!important}.m-3{margin:var(--spacing-md)!important}.m-4{margin:var(--spacing-lg)!important}.m-5{margin:var(--spacing-xl)!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--spacing-xs)!important}.mt-2{margin-top:var(--spacing-sm)!important}.mt-3{margin-top:var(--spacing-md)!important}.mt-4{margin-top:var(--spacing-lg)!important}.mt-5{margin-top:var(--spacing-xl)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing-xs)!important}.mb-2{margin-bottom:var(--spacing-sm)!important}.mb-3{margin-bottom:var(--spacing-md)!important}.mb-4{margin-bottom:var(--spacing-lg)!important}.mb-5{margin-bottom:var(--spacing-xl)!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--spacing-xs)!important;margin-right:var(--spacing-xs)!important}.mx-2{margin-left:var(--spacing-sm)!important;margin-right:var(--spacing-sm)!important}.mx-3{margin-left:var(--spacing-md)!important;margin-right:var(--spacing-md)!important}.mx-4{margin-left:var(--spacing-lg)!important;margin-right:var(--spacing-lg)!important}.mx-5{margin-left:var(--spacing-xl)!important;margin-right:var(--spacing-xl)!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:var(--spacing-xs)!important;margin-bottom:var(--spacing-xs)!important}.my-2{margin-top:var(--spacing-sm)!important;margin-bottom:var(--spacing-sm)!important}.my-3{margin-top:var(--spacing-md)!important;margin-bottom:var(--spacing-md)!important}.my-4{margin-top:var(--spacing-lg)!important;margin-bottom:var(--spacing-lg)!important}.my-5{margin-top:var(--spacing-xl)!important;margin-bottom:var(--spacing-xl)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--spacing-xs)!important}.pt-2{padding-top:var(--spacing-sm)!important}.pt-3{padding-top:var(--spacing-md)!important}.pt-4{padding-top:var(--spacing-lg)!important}.pt-5{padding-top:var(--spacing-xl)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--spacing-xs)!important}.pb-2{padding-bottom:var(--spacing-sm)!important}.pb-3{padding-bottom:var(--spacing-md)!important}.pb-4{padding-bottom:var(--spacing-lg)!important}.pb-5{padding-bottom:var(--spacing-xl)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--spacing-xs)!important;padding-right:var(--spacing-xs)!important}.px-2{padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important}.px-3{padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.px-4{padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.px-5{padding-left:var(--spacing-xl)!important;padding-right:var(--spacing-xl)!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:var(--spacing-xs)!important;padding-bottom:var(--spacing-xs)!important}.py-2{padding-top:var(--spacing-sm)!important;padding-bottom:var(--spacing-sm)!important}.py-3{padding-top:var(--spacing-md)!important;padding-bottom:var(--spacing-md)!important}.py-4{padding-top:var(--spacing-lg)!important;padding-bottom:var(--spacing-lg)!important}.py-5{padding-top:var(--spacing-xl)!important;padding-bottom:var(--spacing-xl)!important}@media (max-width: 576px){.hide-xs{display:none!important}}@media (min-width: 577px) and (max-width: 768px){.hide-sm{display:none!important}}@media (min-width: 769px) and (max-width: 992px){.hide-md{display:none!important}}@media (min-width: 993px) and (max-width: 1200px){.hide-lg{display:none!important}}@media (min-width: 1201px){.hide-xl{display:none!important}}@media (max-width: 768px){body{font-size:14px}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}.MuiContainer-root{padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}}