.footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:4rem;padding:3rem 0 1rem}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h3{font-size:1.2rem;margin-bottom:1rem;font-weight:600}.footer-section p{margin-bottom:1rem;opacity:.9;line-height:1.6}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#fff;text-decoration:none;opacity:.9;transition:opacity .3s ease}.footer-section ul li a:hover{opacity:1;text-decoration:underline}.footer-social{display:flex;gap:1rem;margin-top:1rem}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;color:#fff;transition:all .3s ease}.footer-social a:hover{background:#fff3;transform:translateY(-3px)}.newsletter-form{display:flex;gap:.5rem;margin-top:1rem}.newsletter-form input{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.95rem;outline:none}.newsletter-form button{padding:.75rem 1.5rem;background:#fff;color:#667eea;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.footer-bottom{max-width:1200px;margin:2rem auto 0;padding:1.5rem 2rem 0;border-top:1px solid rgba(255,255,255,.2);text-align:center}.footer-bottom p{margin:0;opacity:.8;font-size:.9rem}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem}.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}}.featured-carousel{position:relative;width:100%;height:500px;display:flex;align-items:center;justify-content:center;margin:2rem 0;overflow:hidden}.carousel-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1000px}.carousel-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-card{position:absolute;width:280px;height:400px;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0003}.carousel-card.active{z-index:10;transform:scale(1.15) translateY(-10px);box-shadow:0 20px 60px #0000004d}.carousel-card.offset--2{transform:translate(-600px) scale(.7);opacity:.3;z-index:1}.carousel-card.offset--1{transform:translate(-320px) scale(.85);opacity:.6;z-index:5}.carousel-card.offset-0{transform:translate(0) scale(1.15);opacity:1;z-index:10}.carousel-card.offset-1{transform:translate(320px) scale(.85);opacity:.6;z-index:5}.carousel-card.offset-2{transform:translate(600px) scale(.7);opacity:.3;z-index:1}.card-image{width:100%;height:100%;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:overlay}.card-title{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;font-size:1.1rem;font-weight:600;text-align:center;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.carousel-nav:hover{background:#fff;box-shadow:0 6px 16px #0003;transform:translateY(-50%) scale(1.1)}.carousel-nav.prev{left:2rem}.carousel-nav.next{right:2rem}@media(max-width:1024px){.featured-carousel{height:400px}.carousel-card{width:220px;height:320px}.carousel-card.offset--1{transform:translate(-250px) scale(.8)}.carousel-card.offset-1{transform:translate(250px) scale(.8)}.carousel-card.offset--2,.carousel-card.offset-2{display:none}}@media(max-width:768px){.featured-carousel{height:350px;margin:1rem 0}.carousel-card{width:200px;height:280px}.carousel-card.offset--1,.carousel-card.offset-1{opacity:.3;transform:translate(-180px) scale(.7)}.carousel-card.offset-1{transform:translate(180px) scale(.7)}.card-title{font-size:.9rem;padding:1rem;-webkit-line-clamp:2;line-clamp:2}.carousel-nav{width:40px;height:40px;font-size:1.5rem}.carousel-nav.prev{left:.5rem}.carousel-nav.next{right:.5rem}}.recommended-section{max-width:1400px;margin:3rem auto;padding:0 2rem}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:#333;text-transform:uppercase;letter-spacing:.5px}.recommended-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.recommended-card{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1rem}.recommended-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.author-info{display:flex;align-items:center;gap:.5rem;margin-top:auto;font-size:.85rem;color:#666}.author-icon{font-size:.9rem}.author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.recommended-grid{grid-template-columns:1fr}.recommended-card{padding:.75rem}.card-thumbnail{width:80px;height:120px}}@media(prefers-color-scheme:dark){.section-title{color:#fff}.recommended-card{background:#1a1a1a}.story-title{color:#fff}.chapter-info{color:#ccc}}.home{background:linear-gradient(to bottom,#f0f4f8,#e8f0f5);min-height:100vh;padding-bottom:3rem}.home-nav{display:flex;justify-content:center;gap:.5rem;padding:1.5rem 2rem;background:#fff;border-bottom:2px solid #e0e0e0;overflow-x:auto;white-space:nowrap}.nav-tab{padding:.75rem 1.5rem;border:none;background:transparent;color:#666;font-size:1rem;cursor:pointer;border-radius:8px;transition:all .3s ease;font-weight:500;white-space:nowrap}.nav-tab:hover{background:#f5f5f5;color:#333}.nav-tab.active{background:#673ab7;color:#fff}@media(max-width:768px){.home-nav{padding:.75rem;gap:.25rem;justify-content:flex-start}.nav-tab{padding:.6rem 1rem;font-size:.875rem;flex-shrink:0}}@media(prefers-color-scheme:dark){.home{background:linear-gradient(to bottom,#0a0a0a,#1a1a1a)}.home-nav{background:#1a1a1a;border-bottom-color:#333}.nav-tab{color:#aaa}.nav-tab:hover{background:#2a2a2a;color:#fff}.nav-tab.active{background:#673ab7;color:#fff}}.story-list{background:transparent;min-height:auto;max-width:1400px;margin:0 auto;padding:0}.story-list-page{background:linear-gradient(to bottom,#f0f4f8,#e8f0f5);min-height:100vh;padding:2rem}.story-list h1{font-size:2rem;margin-bottom:.5rem;color:#333;font-weight:700}.subtitle{color:#666;font-size:1.1rem;margin-bottom:2rem}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:0}.story-card{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1rem}.story-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.card-thumbnail{position:relative;width:100px;height:140px;flex-shrink:0;border-radius:8px;overflow:hidden}.thumbnail-bg{width:100%;height:100%;position:relative}.thumbnail-bg img{width:100%;height:100%;object-fit:cover;mix-blend-mode:overlay}.status-badge{position:absolute;top:.5rem;left:.5rem;background:#4caf50;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.card-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.story-title{font-size:1rem;font-weight:600;color:#333;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.story-details{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#666}.chapter-info{color:#333}.update-time{color:#999;font-size:.8rem}.author-info{display:flex;align-items:center;gap:.5rem;margin-top:auto;font-size:.75rem;color:#666}.author-icon{font-size:.8rem}.author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}@media(max-width:768px){.story-list-page{padding:1rem}.story-list h1{font-size:1.5rem;margin-bottom:.5rem}.subtitle{font-size:.95rem;margin-bottom:1.5rem}.stories-grid{grid-template-columns:1fr;gap:1rem}.story-card{padding:.75rem}.card-thumbnail{width:80px;height:120px}.story-title{font-size:.95rem;-webkit-line-clamp:2;line-clamp:2}.story-details{font-size:.8rem}.update-time{font-size:.75rem}.author-info{font-size:.7rem}}.categories-page{background:linear-gradient(to bottom,#f0f4f8,#e8f0f5);min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto}.categories-page h1{text-align:center;margin-bottom:2rem;color:#333;font-size:2rem;font-weight:700}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:1024px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.categories-grid{grid-template-columns:1fr}}.category-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:#673ab7}.category-card h3{margin:0 0 10px;color:#673ab7;font-size:1.2em}.category-card p{margin:0;color:#555;font-size:.9em;line-height:1.4}.category-stories{margin-top:0}.back-button{background:#673ab7;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:2rem;transition:all .2s ease;box-shadow:0 2px 4px #673ab74d}.back-button:hover{background:#5e35b1;box-shadow:0 4px 8px #673ab766;transform:translateY(-1px)}.category-stories h2{color:#333;margin-bottom:.5rem;font-size:1.75rem}.category-description{color:#666;margin-bottom:2rem;font-style:italic;font-size:1.1rem}.no-stories{text-align:center;color:#999;padding:3rem;font-size:1.1rem}.loading{text-align:center;padding:40px;font-size:1.2em;color:var(--text-secondary)}.placeholder-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem}.placeholder-page .container{text-align:center;max-width:600px}.placeholder-page h1{color:#333;margin-bottom:2rem;font-size:2rem}.placeholder-content{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 20px #0000001a}.placeholder-content h2{color:#673ab7;font-size:1.5rem;margin-bottom:1rem}.placeholder-content p{color:#666;font-size:1.1rem;line-height:1.6}.authors-page{max-width:1200px;margin:0 auto;padding:2rem;min-height:80vh}.authors-header{text-align:center;margin-bottom:3rem}.authors-header h1{font-size:2.5rem;color:#333;margin-bottom:1rem}.authors-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.authors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.author-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.author-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.author-avatar{text-align:center;margin-bottom:1.5rem}.author-avatar img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #f8f9fa;box-shadow:0 4px 12px #0000001a}.author-info{text-align:center}.author-name{font-size:1.4rem;font-weight:600;color:#000!important;margin-bottom:.5rem}.author-bio{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem;min-height:3rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.author-stats{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:1.5rem;font-weight:700;color:#673ab7}.stat-label{font-size:.85rem;color:#666;text-transform:lowercase;margin-top:.25rem}.loading{text-align:center;padding:4rem;font-size:1.2rem;color:#666}@media(max-width:768px){.authors-grid{grid-template-columns:1fr;gap:1.5rem}.authors-header h1{font-size:2rem}.author-card{padding:1.5rem}.author-avatar img{width:100px;height:100px}.author-stats{gap:1.5rem}}.story-reader{background:#f5f5f5;min-height:100vh;padding:1rem}.breadcrumb{background:#2d6a4f;color:#fff;padding:.75rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.breadcrumb-link{background:none;border:none;color:#fff;cursor:pointer;padding:0;font-size:.9rem;transition:opacity .2s}.breadcrumb-link:hover{opacity:.8;text-decoration:underline}.breadcrumb-separator{opacity:.6}.breadcrumb-current{opacity:.9}.reader-container{max-width:900px;margin:0 auto}.story-sidebar{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a}.sidebar-cover{width:100%;border-radius:8px;overflow:hidden;margin-bottom:1rem;border:3px solid #f0f0f0}.sidebar-cover img{width:100%;height:auto;display:block}.sidebar-title{font-size:1.5rem;color:#333;margin-bottom:1.5rem;text-align:center;line-height:1.3}.sidebar-info{margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f0f0f0;font-size:.9rem}.info-label{color:#666;font-weight:500}.info-value{color:#333}.info-link{color:#2d6a4f;cursor:pointer}.info-link:hover{text-decoration:underline}.info-team{color:#e67e22}.info-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.tag{padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.tag-green{background:#27ae60}.tag-blue{background:#3498db}.tag-teal{background:#16a085}.tag-pink{background:#e91e63}.tag-purple{background:#9b59b6}.sidebar-description{margin-bottom:1.5rem;padding:1rem;background:#f9f9f9;border-radius:6px}.sidebar-description h3{font-size:1rem;color:#333;margin-bottom:.75rem}.sidebar-description p{font-size:.9rem;line-height:1.6;color:#666}.read-button{width:100%;background:#2d6a4f;color:#fff;border:none;padding:.85rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s;margin-bottom:1.5rem}.read-button:hover{background:#245a42}.chapter-list-section{margin-top:1.5rem}.chapter-list-section h3{font-size:1rem;color:#333;margin-bottom:1rem}.chapter-table{width:100%;border-collapse:collapse;font-size:.85rem}.chapter-table thead{background:#f5f5f5}.chapter-table th{padding:.6rem;text-align:left;color:#666;font-weight:600;border-bottom:2px solid #e0e0e0}.chapter-table tbody tr{cursor:pointer;transition:background .2s;border-bottom:1px solid #f0f0f0}.chapter-table tbody tr:hover{background:#f9f9f9}.chapter-table tbody tr.active{background:#e8f5e9}.chapter-table td{padding:.6rem;color:#333}.story-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.chapter-header{background:#d4e3fc;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.chapter-title{font-size:1.8rem;color:#333;margin-bottom:.5rem}.chapter-subtitle{font-size:.9rem;color:#555;line-height:1.5}.chapter-subtitle a{color:#2d6a4f;text-decoration:underline}.chapter-body{font-size:1.05rem;line-height:1.9;color:#333;margin-bottom:2rem}.chapter-body p{margin-bottom:1.5rem;text-align:justify}.chapter-body p:first-child{margin-top:0}.chapter-navigation{display:flex;gap:1rem;justify-content:center;padding:1.5rem 0;border-top:2px solid #f0f0f0;position:relative}.nav-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.nav-button.prev,.nav-button.next{background:#2d6a4f;color:#fff}.nav-button.prev:hover,.nav-button.next:hover{background:#245a42;transform:translateY(-2px)}.nav-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6;transform:none}.nav-button.chapter-list-toggle{background:#fff;border:2px solid #2d6a4f;color:#2d6a4f;min-width:150px;position:relative}.nav-button.chapter-list-toggle:hover{background:#f0f0f0}.dropdown-arrow{margin-left:.5rem;font-size:.7rem}.description-view{padding:1rem 0}.description-cover{width:100%;max-width:300px;margin:0 auto 2rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026}.description-cover img{width:100%;height:auto;display:block}.description-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.description-title{font-size:2.2rem;color:#333;margin-bottom:1rem;line-height:1.3}.description-meta{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.95rem}.meta-item{color:#666}.meta-item strong{color:#333}.description-content{margin-bottom:3rem}.description-content h2{font-size:1.5rem;color:#333;margin-bottom:1rem}.description-text{font-size:1.05rem;line-height:1.8;color:#555;margin-bottom:1.5rem}.description-text p{margin-bottom:1rem;text-align:justify}.description-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.description-actions{display:flex;gap:1rem;margin-bottom:3rem}.start-reading-btn,.bookmark-btn{padding:1rem 2rem;border:none;color:#fff;background:#245a42;transform:translateY(-2px);box-shadow:0 4px 12px #2d6a4f4d}@media(max-width:1024px){:is(.start-reading-btn,.bookmark-btn) .story-reader{padding:.5rem}}.bookmark-btn{background:#f0f0f0;color:#333;flex:.5}.bookmark-btn:hover{background:#e0e0e0}.chapter-list-full{margin-top:2rem}.chapter-list-full h2{font-size:1.5rem;color:#333;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #2d6a4f}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.chapter-grid-item{padding:1rem;background:#f9f9f9;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .3s;text-align:left;display:flex;flex-direction:column;gap:.5rem}.chapter-grid-item:hover{background:#fff;border-color:#2d6a4f;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.chapter-number{font-weight:600;color:#333;font-size:.95rem}.chapter-date{font-size:.8rem;color:#999}.chapter-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;background:#fff;border:2px solid #2d6a4f;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;max-height:300px;overflow-y:auto;min-width:200px}.chapter-dropdown-item{width:100%;padding:.75rem 1rem;border:none;background:#fff;text-align:left;cursor:pointer;transition:background .2s;font-size:.9rem;border-bottom:1px solid #f0f0f0}.chapter-dropdown-item:hover{background:#f5f5f5}.chapter-dropdown-item.active{background:#e8f5e9;color:#2d6a4f;font-weight:600}.chapter-dropdown-item:last-child{border-bottom:none}.story-not-found{text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px}.story-not-found h1{font-size:2rem;color:#666;margin-bottom:2rem}.story-not-found button{background:#2d6a4f;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.story-not-found button:hover{background:#245a42}@media(max-width:1024px){.reader-container{grid-template-columns:1fr}@media(max-width:768px){.reader-container .story-content,.reader-container .chapter-header{padding:1rem}.reader-container .chapter-title,.reader-container .description-title{font-size:1.4rem}.reader-container .chapter-body,.reader-container .description-text{font-size:1rem}.reader-container .chapter-navigation{flex-direction:column}.reader-container .nav-button{width:100%}.reader-container .chapter-grid{grid-template-columns:1fr}.reader-container .description-meta{flex-direction:column;gap:.5rem}}.reader-container .chapter-body{font-size:1rem}.reader-container .chapter-navigation{flex-direction:column}.reader-container .nav-button{width:100%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0}#app{display:flex;flex-direction:column;min-height:100vh}header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;gap:2rem}.logo{flex-shrink:0}.logo a{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;font-weight:700;font-size:1.25rem}.logo img{height:40px;width:auto}.logo-text{white-space:nowrap}.search-bar{flex:1;max-width:600px;display:flex;gap:.5rem}.search-bar input{flex:1;padding:.75rem 1.25rem;border:none;border-radius:25px;font-size:1rem;outline:none}.search-btn{background:#fff;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.search-btn:hover{transform:scale(1.1)}.header-actions{display:flex;gap:.75rem;flex-shrink:0}.main-nav{display:flex;gap:1.5rem;flex-shrink:0}.main-nav a{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:20px;transition:background-color .3s ease}.main-nav a:hover,.main-nav a.active{background:#fff3}.auth-btn{padding:.6rem 1.5rem;border:2px solid white;background:transparent;color:#fff;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;white-space:nowrap}.auth-btn:hover,.auth-btn.register{background:#fff;color:#673ab7}.auth-btn.register:hover{background:transparent;color:#fff}.hamburger-menu{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;margin-left:auto}.mobile-menu{display:none;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;border-top:1px solid rgba(255,255,255,.2)}.mobile-nav{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.mobile-nav a{color:#fff;text-decoration:none;font-weight:500;padding:.75rem 1rem;border-radius:8px;transition:background-color .3s ease;font-size:1rem}.mobile-nav a:hover,.mobile-nav a.active{background:#fff3}.mobile-search{display:flex;gap:.5rem;margin-bottom:1rem}.mobile-search input{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:1rem;outline:none}.mobile-search .search-btn{background:#fff;border:none;width:45px;height:45px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-actions{display:flex;gap:.75rem}.mobile-actions .auth-btn{flex:1;padding:.75rem 1rem;font-size:1rem}main{flex:auto;display:block;width:100%}@media(max-width:768px){.header-content{padding:.75rem 1rem;gap:.75rem;flex-wrap:nowrap}.desktop-nav,.desktop-search,.desktop-actions{display:none}.hamburger-menu{display:flex;align-items:center;justify-content:center}.mobile-menu{display:block}.logo a{font-size:1.125rem}.logo svg{width:18px;height:18px}.logo-text{font-size:1rem}}@media(prefers-color-scheme:dark){:root{color:#ccc;background-color:#1a1a1a}}