*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-sunshine:#ffd93d;--color-sunrise:#ff9a56;--color-coral:#ff6b6b;--color-blush:#fff8f0;--color-mint:#4ecdc4;--color-sky:#45b7d1;--color-lavender:#a78bfa;--color-dark:#1a1a2e;--color-dark-soft:#2d2d44;--color-text:#1a1a2e;--color-text-soft:#4a4a68;--color-text-muted:#9a9ab0;--color-white:#fff;--color-bg:#fff8f0;--color-card-bg:#ffffffbf;--gradient-warm:linear-gradient(135deg, #ffd93d, #ff8c42, #ff6b6b);--gradient-cool:linear-gradient(135deg, #4ecdc4, #45b7d1);--gradient-sunset:linear-gradient(135deg, #ff6b6b, #a78bfa);--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 8px 40px #0000001f;--shadow-glow:0 0 40px #ffd93d4d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-bg:before,.ambient-bg:after{content:"";filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.ambient-bg:before{background:var(--color-sunshine);width:600px;height:600px;animation-delay:0s;top:-200px;right:-200px}.ambient-bg:after{background:var(--color-coral);width:500px;height:500px;animation-delay:-10s;bottom:-200px;left:-200px}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.site-header{z-index:100;-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);background:#fff8f0d9;border-bottom:1px solid #0000000d;position:sticky;top:0}.nav-container{max-width:1100px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;height:72px;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--space-sm);color:var(--color-text);cursor:pointer;transition:var(--transition-fast);font-family:Outfit,sans-serif;font-size:24px;font-weight:800;display:flex}.nav-logo:hover{transform:scale(1.02)}.nav-logo .sun{font-size:28px;animation:10s linear infinite spin-slow;display:inline-block}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-links{align-items:center;gap:var(--space-xs);list-style:none;display:flex}.nav-links a{border-radius:var(--radius-full);color:var(--color-text-soft);transition:var(--transition-fast);padding:8px 16px;font-size:15px;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--color-text);background:#ffd93d33}.nav-links .subscribe-btn{background:var(--gradient-warm);color:var(--color-white);transition:var(--transition-bounce);padding:8px 20px;font-weight:600;box-shadow:0 2px 12px #ff6b6b4d}.nav-links .subscribe-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 4px 20px #ff6b6b66}.hero{max-width:1100px;padding:var(--space-2xl) var(--space-lg);text-align:center;margin:0 auto}.hero-badge{align-items:center;gap:var(--space-sm);background:var(--color-white);border-radius:var(--radius-full);color:var(--color-text-soft);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);padding:6px 16px;font-size:14px;font-weight:600;animation:.6s ease-out fadeInUp;display:inline-flex}.hero-badge .dot{background:#4ecb71;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero h1{letter-spacing:-2px;margin-bottom:var(--space-lg);font-family:Outfit,sans-serif;font-size:clamp(48px,8vw,80px);font-weight:900;line-height:1.05;animation:.6s ease-out .1s both fadeInUp}.hero h1 .gradient-text{background:var(--gradient-warm);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero .subtitle{color:var(--color-text-soft);max-width:580px;margin:0 auto var(--space-xl);font-size:clamp(18px,3vw,22px);line-height:1.6;animation:.6s ease-out .2s both fadeInUp}.hero-cta{justify-content:center;gap:var(--space-md);flex-wrap:wrap;animation:.6s ease-out .3s both fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-bounce);border:none;padding:14px 28px;font-family:inherit;font-size:16px;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-warm);color:var(--color-white);box-shadow:0 4px 20px #ff6b6b4d}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #ff6b6b66}.btn-secondary{background:var(--color-white);color:var(--color-text);box-shadow:var(--shadow-sm)}.btn-secondary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.section{max-width:1100px;padding:var(--space-2xl) var(--space-lg);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-header h2{letter-spacing:-1px;margin-bottom:var(--space-sm);font-family:Outfit,sans-serif;font-size:clamp(32px,5vw,44px);font-weight:800}.section-header p{color:var(--color-text-soft);font-size:18px}.stories-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.story-card{background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth);cursor:pointer;border:1px solid #fff9;text-decoration:none;display:block;overflow:hidden}.story-card:hover{box-shadow:var(--shadow-lg);border-color:#ffd93d4d;transform:translateY(-6px)}.story-card-image{object-fit:cover;background:linear-gradient(135deg, var(--color-sunshine), var(--color-coral));width:100%;height:200px;display:block}.story-card-body{padding:var(--space-lg)}.story-card-meta{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.story-card-source{color:var(--color-sunrise);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.story-card-date{color:var(--color-text-muted);font-size:12px}.story-card-title{margin-bottom:var(--space-sm);color:var(--color-text);font-size:18px;font-weight:700;line-height:1.3}.story-card-snippet{color:var(--color-text-soft);margin-bottom:var(--space-md);font-size:14px;line-height:1.6}.story-card-link{color:var(--color-coral);transition:var(--transition-fast);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.story-card:hover .story-card-link{gap:10px}.subscribe-section{max-width:600px;padding:var(--space-2xl) var(--space-lg);text-align:center;margin:0 auto}.subscribe-card{background:var(--gradient-warm);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);position:relative;overflow:hidden;box-shadow:0 8px 40px #ff6b6b33}.subscribe-card:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;animation:8s ease-in-out infinite shimmer;position:absolute;top:-50%;left:-50%}@keyframes shimmer{0%,to{transform:translate(0)}50%{transform:translate(-10%,-10%)}}.subscribe-card h2{color:var(--color-white);margin-bottom:var(--space-sm);font-family:Outfit,sans-serif;font-size:36px;font-weight:800;position:relative}.subscribe-card p{color:#ffffffe6;margin-bottom:var(--space-lg);font-size:16px;position:relative}.subscribe-form{gap:var(--space-sm);max-width:420px;margin:0 auto;display:flex;position:relative}.subscribe-form input{border-radius:var(--radius-full);color:var(--color-text);transition:var(--transition-fast);background:#fffffff2;border:2px solid #0000;outline:none;flex:1;padding:14px 20px;font-family:inherit;font-size:15px}.subscribe-form input:focus{border-color:var(--color-white);box-shadow:0 0 0 4px #ffffff4d}.subscribe-form input::placeholder{color:var(--color-text-muted)}.subscribe-form button{border-radius:var(--radius-full);background:var(--color-dark);color:var(--color-white);cursor:pointer;transition:var(--transition-bounce);white-space:nowrap;border:none;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600}.subscribe-form button:hover{background:var(--color-dark-soft);transform:scale(1.05)}.subscribe-success{color:var(--color-white);padding:14px;font-size:18px;font-weight:600}.edition-group{margin-bottom:var(--space-2xl)}.edition-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid #0000000f;display:flex}.edition-date{font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.edition-badge{border-radius:var(--radius-full);color:var(--color-sunrise);background:#ffd93d33;padding:4px 12px;font-size:12px;font-weight:600}.subscribe-page{max-width:600px;padding:var(--space-2xl) var(--space-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;margin:0 auto;display:flex}.site-footer{max-width:1100px;padding:var(--space-xl) var(--space-lg);text-align:center;border-top:1px solid #0000000f;margin:0 auto}.site-footer p{color:var(--color-text-muted);font-size:14px}.site-footer .heart{color:var(--color-coral);animation:1.5s ease-in-out infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.empty-state .emoji{margin-bottom:var(--space-md);font-size:64px;display:block}.empty-state h3{color:var(--color-text);margin-bottom:var(--space-sm);font-size:22px}.loading{padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid #ffd93d33;border-top-color:var(--color-sunshine);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.nav-container{padding:0 var(--space-md);height:60px}.nav-logo{font-size:20px}.nav-links a:not(.subscribe-btn){display:none}.hero{padding:var(--space-xl) var(--space-md)}.stories-grid{grid-template-columns:1fr}.subscribe-form{flex-direction:column}.subscribe-card{padding:var(--space-xl) var(--space-lg)}}.page-enter{animation:.4s ease-out pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}