.left-section{align-items:center;display:flex;flex:1 1 auto}.logo-link{flex-shrink:0;margin-right:20px}.logo-svg{height:32px;width:auto}.main-nav{flex:1 1 auto;gap:16px;justify-content:center}.main-nav a{color:#1b1b1b;font-size:14px;transition:color .3s;white-space:nowrap}.main-nav a:hover{color:#666}.right-section{flex-shrink:0;gap:12px}.btn-outline{background:#0000;border:1px solid #1b1b1b;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px}.btn-outline:hover{background-color:#f3f3f3}.btn-primary{background-color:#1b1b1b;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px}.btn-primary:hover{background-color:#333}.nav-menu{align-items:center;display:flex;gap:20px}.logo-link{font-weight:600}.logo-img{height:32px}.logo-title{font-size:18px}.mobile-actions{display:none;flex-direction:column;gap:10px;margin-top:20px}@media (max-width:768px){.right-section{display:none}.main-nav.nav-open .mobile-actions,.nav-toggle{display:flex}.nav-menu{flex-direction:column;gap:12px;max-height:0;overflow:hidden;transition:max-height .3s ease;width:100%}.nav-menu.nav-open{max-height:1000px}.main-nav{flex-direction:column;gap:10px;width:100%}.main-nav a{font-size:16px;padding:8px 0}.right-section{flex-wrap:wrap;gap:10px;justify-content:flex-start;width:100%}.search-icon{margin-bottom:10px}}@media (min-width:769px){.nav-toggle{display:none}}@media (max-width:768px){.header-container{align-items:flex-start;flex-direction:column;gap:10px}.left-section{justify-content:space-between;width:100%}.main-nav{gap:12px;justify-content:flex-start;overflow-x:auto;padding-bottom:5px;width:100%}.main-nav a{font-size:13px}.right-section{justify-content:flex-start;width:100%}}@media (max-width:480px){.logo-svg{height:24px}.main-nav a{font-size:12px}.btn-outline,.btn-primary{font-size:13px;padding:5px 10px}.header-container{gap:8px}}*{box-sizing:border-box}.app-header{background:#fff;border-bottom:1px solid #ddd}.header-container{height:60px}.logo-link{color:#1b1b1b;text-decoration:none}.logo-img{height:40px;margin-right:8px}.logo-title{font-size:1.25rem;font-weight:700}.right-section{align-items:center;display:flex;gap:10px}.nav-toggle{background:#0000;border:none;box-sizing:initial;cursor:pointer;display:none;flex-direction:column;height:22px;justify-content:space-around;padding:0;width:25px}.nav-toggle span{background:#1b1b1b;border-radius:2px;height:3px;position:relative;transform-origin:1px;transition:all .3s linear;width:25px}.nav-toggle.open span:first-child{transform:rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0;transform:translateX(20px)}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg)}.main-nav{align-items:center;gap:20px}@media (max-width:768px){.right-section{display:none}.nav-toggle{display:flex}.main-nav{background:#fff;box-shadow:0 4px 8px #0000001a;flex-direction:column;gap:15px;left:0;padding:20px;position:fixed;right:0;top:60px;transform:translateY(-150%);transition:transform .3s ease-in-out;z-index:9999}.main-nav.nav-open{transform:translateY(0)}.mobile-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.mobile-actions button{width:100%}}.homepage{background-color:#f9fafb;font-family:Inter,sans-serif;min-height:100vh}.homepage-main{margin:0 auto;max-width:1200px;padding:40px 20px}.top-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px}.top-title{font-size:28px;font-weight:700;margin:0}.top-subtitle{color:#555;font-size:16px;margin:8px 0 0}.explore-btn{background-color:#fff;border:1px solid #ccc;border-radius:9999px;color:#333;cursor:pointer;font-weight:500;padding:10px 24px;transition:background-color .2s,color .2s}.explore-btn:hover{background-color:#f3f4f6}.homepage-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr}.left-column{display:flex;flex-direction:column}.featured-story{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:30px;overflow:hidden}.featured-image{height:auto;width:100%}.featured-content{padding:24px}.featured-title{color:#111;font-size:24px;font-weight:700;margin-bottom:12px}.featured-description{color:#444;font-size:16px;margin-bottom:20px}.featured-author{align-items:center;display:flex;gap:10px}.featured-avatar{border-radius:9999px;height:32px;width:32px}.story-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.story-card{background:#fff;border:1px solid #ccc;transition:.3s}.story-card:hover{box-shadow:0 2px 8px #0000001a}.story-image{height:190px}.story-content{padding:16px}.content-warning{background:#f1f1f1;border-radius:9999px;color:#666;display:inline-block;font-size:12px;margin-bottom:8px;padding:4px 10px}.story-title{color:#111;font-weight:600;margin:8px 0}.story-description{color:#666;font-size:14px;margin-bottom:12px}.story-author{color:#333;font-size:12px}.author-avatar{border-radius:9999px;height:24px;margin-right:8px;width:24px}.right-column{align-self:start;background-color:#1a1a1a;border-radius:8px;color:#fff;padding:24px;position:-webkit-sticky;position:sticky;top:40px}.creator-title{font-size:22px;font-weight:700;margin-bottom:16px}.creator-text{color:#ccc;font-size:14px;margin-bottom:20px}.creator-btn{background:#fff;border:none;border-radius:9999px;color:#000;cursor:pointer;font-weight:700;margin-bottom:24px;padding:10px 20px}.creator-subtitle{font-size:16px;font-weight:600;margin-bottom:12px}.creator-list{color:#ccc;font-size:14px;list-style:none;padding:0}.creator-list li{margin-bottom:10px}.learn-more{color:#60a5fa;cursor:pointer;font-size:14px;margin-top:20px;text-decoration:underline}@media (max-width:1024px){.homepage-grid{grid-template-columns:1fr}.right-column{margin-top:40px;position:relative;top:0}}@media (max-width:768px){.featured-title{font-size:20px}.featured-description{font-size:14px}.creator-title{font-size:20px}.creator-subtitle{font-size:15px}.creator-list,.creator-text{font-size:13px}}@media (max-width:480px){.homepage-main{padding:20px 10px}.story-grid{grid-template-columns:1fr}.story-image{height:160px}.story-title{font-size:16px}.story-description{font-size:13px}.creator-btn,.explore-btn{font-size:14px;padding:8px 16px}}body{background-color:#000;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.challenges-page__container{background-color:#000;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:40px;width:100%}.challenges-header{margin:0 auto;max-width:1200px;position:relative;text-align:left;width:100%}.challenges-header__title{font-size:2.5em;font-weight:700;margin:0 0 5px}.challenges-header__subtitle{color:#bbb;font-size:1.1em;margin:0}.explore-all-button{background-color:initial;border:1px solid #555;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;position:absolute;right:0;top:0;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.explore-all-button:hover{background-color:#333;border-color:#fff}.challenges-grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;width:100%}.challenge-card{background-color:initial;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;text-align:left;transition:transform .2s ease-in-out}.challenge-card:hover{transform:translateY(-5px)}.challenge-card__image-wrapper{height:200px;overflow:hidden;position:relative;width:100%}.challenge-card__image{display:block;height:100%;object-fit:cover;width:100%}.challenge-card__type-indicator{background-color:#f00c;border-radius:4px;color:#fff;font-size:.8em;font-weight:700;left:15px;padding:4px 8px;position:absolute;top:15px;z-index:10}.challenge-card__content{background-color:#1a1a1a;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:15px}.challenge-card__title{font-size:1.3em;font-weight:600;margin-bottom:10px;margin-top:0}.challenge-card__description{color:#bbb;flex-grow:1;font-size:.95em;margin-bottom:15px}.challenge-card__footer{align-items:center;color:#888;display:flex;font-size:.85em;justify-content:space-between}.challenge-card__grand-prize,.challenge-card__time-left{margin:0}@media (max-width:1024px){.challenges-grid-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.challenges-header__title{font-size:2.2em}.challenges-header__subtitle{font-size:1em}}@media (max-width:768px){.challenges-page__container{padding:30px 15px}.challenges-header{margin-bottom:25px;text-align:center}.explore-all-button{display:block;margin-left:auto;margin-right:auto;margin-top:15px;position:static;width:-webkit-fit-content;width:fit-content}.challenges-header__title{font-size:2em}.challenges-header__subtitle{font-size:.95em}.challenges-grid-container{grid-template-columns:1fr}.challenge-card__image-wrapper{height:180px}}@media (max-width:480px){.challenges-page__container{padding:20px 10px}.challenges-header__title{font-size:1.8em}.challenges-header__subtitle{font-size:.9em}.challenge-card__image-wrapper{height:150px}.challenge-card__title{font-size:1.1em}.challenge-card__description{font-size:.85em}.challenge-card__footer{font-size:.75em}}.creator-page-container{align-items:flex-start;background-color:#fff;border-radius:12px;box-shadow:0 6px 12px #00000014;box-sizing:border-box;display:flex;flex-direction:column;margin:2rem auto;max-width:1200px;padding:1rem;width:100%}.page-title{color:#1a202c;font-size:1.875rem;font-weight:800;line-height:1.25;margin-bottom:.5rem}.page-subtitle{color:#4a5568;font-size:1rem;margin-bottom:2rem;max-width:42rem}.grid-container-cols{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));width:100%}.creator-card{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;padding:1rem;transition:all .3s ease-in-out}.creator-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:scale(1.05)}.sage-logo{align-items:center;background-color:#22c55e;color:#fff;display:flex;font-size:1.5rem;font-weight:700;justify-content:center}.creator-avatar,.sage-logo{border-radius:9999px;height:6rem;margin-bottom:1rem;width:6rem}.creator-avatar{border:2px solid #f7fafc;box-shadow:0 1px 2px 0 #0000000d;object-fit:cover}.creator-name{color:#2d3748;font-size:1.125rem;font-weight:600;margin-bottom:.25rem;max-width:100%;text-align:center;word-break:break-word}.creator-stories{color:#718096;font-size:.875rem;text-align:center}@media (min-width:640px){.page-title{font-size:2.25rem}.page-subtitle{font-size:1.125rem}.grid-container-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-page-container{padding:1.5rem}.sage-logo{font-size:1.875rem}}@media (min-width:768px){.grid-container-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-page-container{padding:2rem}}@media (min-width:1024px){.grid-container-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.grid-container-cols{grid-template-columns:repeat(6,minmax(0,1fr))}}body{background-color:#f7f9fc;line-height:1.5;padding:0}#root,body,html{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}.resources-page-container{align-items:flex-start;background-color:#fff;border-radius:12px;box-shadow:0 6px 12px #00000014;box-sizing:border-box;display:flex;flex-direction:column;margin:2rem auto;max-width:1200px;padding:1rem;width:100%}.resources-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.resources-title{font-size:32px;font-weight:700;margin:0}.explore-all-button{background-color:#fff;border:1px solid #ccc;border-radius:999px;color:#333;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .2s,color .2s}.explore-all-button:hover{background-color:#f3f4f6}.grid-container-resources{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%}.resource-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease-in-out}.resource-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}.resource-card-image{align-items:center;background-color:#f0f4f8;border-top-left-radius:.75rem;border-top-right-radius:.75rem;color:#a0aec0;display:flex;font-size:1.5rem;font-weight:700;height:200px;justify-content:center;object-fit:cover;position:relative;width:100%}.image-overlay-text{background-color:#ffffffe6;border-radius:.25rem;box-shadow:0 1px 3px #0000001a;color:#2d3748;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute}.overlay-top-right{right:.75rem;top:.75rem}.overlay-top-left{left:.75rem;top:.75rem}.resource-card-content{display:flex;flex-direction:column;flex-grow:1;padding:1rem}.resource-card-title{color:#2d3748;font-size:1.125rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.resource-card-date{color:#718096;font-size:.875rem;margin-bottom:.75rem}.resource-card-description{color:#4a5568;flex-grow:1;font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.resource-card-footer{border-top:1px solid #edf2f7;justify-content:space-between;margin-top:auto;padding-top:1rem}.resource-card-author-info,.resource-card-footer{align-items:center;display:flex}.resource-card-author-avatar{border:1px solid #e2e8f0;border-radius:9999px;height:2rem;margin-right:.5rem;object-fit:cover;width:2rem}.resource-card-author{color:#2d3748;font-size:.875rem;font-weight:600}.resource-card-time{color:#718096;font-size:.75rem;margin-left:.5rem}@media (min-width:640px){.resources-title{font-size:2.25rem}.resources-subtitle{font-size:1.125rem}.resources-page-container{padding:1.5rem}.grid-container-resources{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.resources-page-container{padding:2rem}.grid-container-resources{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.grid-container-resources{grid-template-columns:repeat(3,minmax(0,1fr))}}.communities-page{background-color:#f8f8f8;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.communities-header{margin-bottom:40px;text-align:left}.communities-header h1{color:#333;font-size:2.5em;margin-bottom:10px}.communities-header p{color:#666;font-size:1.1em}.communities-filter-nav{border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;padding-bottom:15px}.communities-filter-nav button{background-color:initial;border:1px solid #ccc;border-radius:20px;color:#555;cursor:pointer;font-size:.9em;padding:8px 15px;transition:background-color .3s,color .3s}.communities-filter-nav button:hover{background-color:#e0e0e0}.communities-filter-nav button.active{background-color:#333;border-color:#333;color:#fff}.communities-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.community-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s}.community-card:hover{transform:translateY(-5px)}.community-card-image{align-items:flex-end;background-position:50%;background-size:cover;color:#fff;display:flex;font-weight:700;height:150px;padding:15px;text-shadow:1px 1px 3px #00000080}.community-name{font-size:1.8em;margin:0}.community-card-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:15px}.community-description{color:#555;font-size:.95em;line-height:1.4;margin-bottom:15px}.community-stats{color:#777;display:flex;font-size:.85em;justify-content:space-between}.community-stats span{margin-right:10px}.footer-container{align-items:center;background-color:#f7f7f7;border-top:1px solid #e0e0e0;box-sizing:border-box;color:#555;display:flex;flex-direction:column;font-family:Inter,sans-serif;justify-content:center;padding:2rem 1rem;text-align:center;width:100%}.footer-social-icons{display:flex;gap:1.5rem;margin-bottom:1.5rem}.footer-social-icon{color:#777;font-size:1.5rem;transition:color .2s ease-in-out}.footer-social-icon:hover{color:#333}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1rem}.footer-link{color:#555;font-weight:500;text-decoration:none;transition:color .2s ease-in-out}.footer-link:hover{color:#000}.footer-copyright{color:#777;font-size:.875rem;margin-top:1rem}@media (min-width:640px){.footer-container{flex-direction:row;justify-content:space-between;padding:2rem 3rem}.footer-social-icons{flex-grow:1;justify-content:center;margin-bottom:0}.footer-links{flex-grow:0;gap:2rem;justify-content:flex-end;margin-bottom:0;margin-left:auto}.footer-copyright{margin-right:auto;margin-top:0;order:-1;text-align:left}}@media (min-width:768px){.footer-links{gap:2.5rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{margin:0 auto;max-width:1200px;padding:0 20px}.app-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:15px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.header-container{flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-container,.logo-link{align-items:center;display:flex}.logo-link{gap:10px}.logo-link svg{height:32px;width:auto}.main-nav{display:flex;flex-wrap:wrap;gap:25px}.main-nav a{border-bottom:2px solid #0000;color:#555;font-weight:500;padding:6px 0;text-decoration:none;transition:all .2s ease}.main-nav a.active,.main-nav a:hover{border-bottom:2px solid #000;color:#000}.search-icon svg{fill:none;stroke:#000;cursor:pointer;height:24px;width:24px}.top-stories-section{background-color:#fff;padding:40px 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.section-header h2{font-size:28px;margin:0}.explore-all-btn{background-color:initial;border:1px solid #ccc;border-radius:20px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.explore-all-btn:hover{background-color:#f0f0f0;border-color:#bbb}.section-description{color:#666;margin:0 0 30px}.stories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.story-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s ease}.story-card:hover{box-shadow:0 4px 12px #0000001a}.story-image{height:150px;object-fit:cover;width:100%}.story-content{display:flex;flex-direction:column;flex-grow:1;padding:15px}.story-title{font-size:18px;margin:0 0 10px}.story-excerpt{color:#555;flex-grow:1;font-size:14px;line-height:1.5;margin:0 0 15px}.story-author{border-top:1px solid #f0f0f0;margin-top:auto;padding-top:15px}.author-image{border-radius:50%;height:30px;margin-right:10px;width:30px}.story-author span{font-size:14px;font-weight:600}.header-actions{gap:16px;margin-left:auto}.header-actions,.search-icon{align-items:center;display:flex}.search-icon{cursor:pointer}.join-link,.signin-link{color:#6c6c6c;font-size:14px;text-decoration:none;transition:color .2s ease-in-out}.join-link:hover,.signin-link:hover{color:#000}.create-story-btn{background-color:#1b1b1b;border:none;border-radius:10px solid;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.create-story-btn:hover{background-color:#000}@media (max-width:992px){.stories-grid{grid-template-columns:repeat(2,1fr)}.main-nav{flex-wrap:wrap;gap:15px;justify-content:center;margin-top:10px}}@media (max-width:576px){.stories-grid{grid-template-columns:1fr}.header-container,.main-nav{align-items:flex-start;flex-direction:column}.main-nav{display:flex;gap:10px;margin-top:10px;width:100%}}body{background-color:#f9f9f9;font-family:Inter,sans-serif;margin:0}.signup-container{background:#fff;border-radius:8px;margin:50px auto;max-width:400px;padding:30px 20px;text-align:center}.logo img{margin-bottom:10px;width:60px}.title{font-size:26px;font-weight:600;margin-bottom:20px}.signup-form{display:flex;flex-direction:column;text-align:left}.signup-form label{color:#333;font-size:12px;font-weight:600;margin-bottom:5px}.signup-form input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px}.signup-btn{background-color:#1c1c1c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:10px;padding:10px}.signup-btn:hover{background-color:#333}.signin-text{font-size:13px;margin-bottom:20px}.signin-text a{color:#1c1c1c;text-decoration:underline}.separator{margin:20px 0}.separator:after,.separator:before{border-bottom:1px solid #ccc}.separator span{color:#888;font-size:13px;margin:0 10px}.social-buttons button{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;margin-bottom:10px;padding:10px;width:100%}.social-buttons img{margin-right:8px;width:20px}.terms{color:#666;font-size:12px;margin-top:20px}.terms a{color:#1c1c1c;text-decoration:underline}.author-page{box-sizing:border-box;font-family:Segoe UI,sans-serif;padding:40px 5%;width:100%}.header-space{background-color:#f0f0f0;height:200px;margin-bottom:-100px}.author-profile{align-items:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:30px;position:relative}.author-img{border:4px solid #fff;border-radius:50%;height:140px;margin-top:-80px;object-fit:cover;width:140px}.author-details{flex:1 1}.author-details h1{font-size:32px;margin:0}.meta{color:gray;font-size:15px;margin:8px 0 18px}.subscribe-box{background-color:#fafafa;border:1px solid #ccc;border-radius:6px;min-width:220px;padding:15px;width:260px}.subscribe-title{font-weight:700;margin-bottom:6px}.subscribe-btn{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 14px;width:100%}.subscribe-btn:hover{background-color:#333}.pinned-section{margin:40px auto 0;max-width:1200px;padding:0 5%}.pinned-section h3{font-size:20px;margin-bottom:20px}.pinned-card{background-color:#fefefe;border-radius:8px;box-shadow:0 1px 4px #0000000d;display:flex;gap:20px;padding:20px}.story-img{border-radius:6px;height:120px;object-fit:cover;width:180px}.story-details{flex:1 1}.story-details h4{font-size:20px;margin:0}.story-details p{color:#444;font-size:15px;margin:10px 0}.story-author{align-items:center;color:gray;display:flex;font-size:13px;gap:8px}.story-author img{border-radius:50%;height:26px;object-fit:cover;width:26px}.login-page{align-items:center;background-color:#f9f9f9;box-sizing:border-box;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:space-between;min-height:100vh}.login-header,.login-page{display:flex;padding:20px 0}.login-header{justify-content:center;width:100%}.login-logo-svg{height:32px;width:auto}.login-container{background-color:#fff;box-sizing:border-box;max-width:400px;padding:40px;text-align:center;width:100%}.login-container h1{color:#1b1b1b;font-size:28px;font-weight:700;margin-bottom:30px;margin-top:0}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#6c757d;display:block;font-size:12px;font-weight:600;margin-bottom:8px}.form-group input{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.form-group input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.btn{border:1px solid #0000;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background-color .2s;width:100%}.btn-primary{background-color:#212529;border-color:#212529;color:#fff}.btn-primary:hover{background-color:#343a40}.login-links{display:flex;font-size:14px;justify-content:space-between;margin-top:15px}.login-links a{color:#007bff;text-decoration:none}.login-links a:hover{text-decoration:underline}.login-links span,.separator{color:#6c757d}.separator{align-items:center;display:flex;font-size:14px;font-weight:500;margin:30px 0;text-align:center}.separator:after,.separator:before{border-bottom:1px solid #dee2e6;content:"";flex:1 1}.separator:not(:empty):before{margin-right:.5em}.separator:not(:empty):after{margin-left:.5em}.social-login{display:flex;flex-direction:column;gap:15px}.btn-social{align-items:center;background-color:#fff;border-color:#ced4da;color:#495057;display:flex;gap:10px;justify-content:center}.btn-social:hover{background-color:#f8f9fa}.btn-social svg{height:20px;width:20px}.login-footer{color:#6c757d;font-size:12px;padding:20px;text-align:center}.login-footer a{color:#6c757d;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}
/*# sourceMappingURL=main.fbccd963.css.map*/