:root{--coral:#ff6b6b;--electric:#4ecdc4;--lemon:#ffe66d;--ink:#1a1a2e;--violet:#7b2fbe;--blush:#ffb5c2;--cream:#fff8f0;--white:#fff;--font-display:var(--font-playfair), "Playfair Display", Georgia, serif;--font-body:var(--font-dm-sans), "DM Sans", Helvetica, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:var(--ink);background:#ff6b6b40}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:#ff6b6b66;border-radius:3px}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.05)}66%{transform:translate(-10px,15px)scale(.95)}}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar{z-index:100;justify-content:space-between;align-items:center;padding:20px 48px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff8f0eb;border-bottom:1px solid #1a1a2e14;padding:12px 48px}.navbar__logo{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.6rem;font-weight:900}.navbar__logo .dot{color:var(--coral)}.navbar__links{align-items:center;gap:28px;list-style:none;display:flex}.navbar__link{letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;font-weight:500;transition:color .3s}.navbar__link:hover{color:var(--coral)}.hero{background:linear-gradient(135deg, var(--cream) 0%, #fff0e8 50%, #f0e6ff 100%);flex-direction:column;justify-content:center;min-height:100vh;padding:120px 48px 80px;display:flex;position:relative;overflow:hidden}.hero__blob{filter:blur(40px);border-radius:60% 40% 50% 50%/50% 60% 40% 50%;animation:8s ease-in-out infinite blobFloat;position:absolute}.hero__blob--1{background:linear-gradient(135deg,#ff6b6b33,#ffe66d40);width:280px;height:280px;top:10%;right:8%}.hero__blob--2{filter:blur(30px);background:linear-gradient(135deg,#4ecdc433,#7b2fbe1f);border-radius:40% 60% 50% 50%/60% 40% 50% 50%;width:200px;height:200px;animation-duration:10s;animation-direction:reverse;bottom:15%;left:5%}.hero__content{z-index:2;max-width:900px;position:relative}.hero__tagline{letter-spacing:.2em;text-transform:uppercase;color:var(--coral);margin-bottom:24px;font-size:.8rem;font-weight:600;animation:.8s cubic-bezier(.16,1,.3,1) .2s both fadeUp}.hero__title{font-family:var(--font-display);margin-bottom:28px;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:900;line-height:1.05;animation:.8s cubic-bezier(.16,1,.3,1) .4s both fadeUp}.hero__title em{color:var(--coral);font-style:italic}.hero__title .dot{color:var(--electric)}.hero__description{color:#1a1a2eb3;max-width:520px;font-size:1.15rem;line-height:1.7;animation:.8s cubic-bezier(.16,1,.3,1) .6s both fadeUp}.hero__actions{gap:16px;margin-top:40px;animation:.8s cubic-bezier(.16,1,.3,1) .8s both fadeUp;display:flex}.btn{font-family:var(--font-body);cursor:pointer;letter-spacing:.04em;border:none;border-radius:50px;padding:14px 32px;font-size:.9rem;font-weight:600;transition:all .3s}.btn--primary{background:var(--ink);color:var(--cream)}.btn--primary:hover{background:var(--coral);transform:translateY(-2px)}.btn--secondary{color:var(--ink);background:0 0;border:2px solid #1a1a2e1f}.btn--secondary:hover{border-color:var(--electric);color:var(--electric)}.hero__scroll{opacity:.4;flex-direction:column;align-items:center;gap:8px;animation:2s ease-in-out infinite bounce;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero__scroll span{letter-spacing:.15em;text-transform:uppercase;font-size:.7rem}.hero__scroll-line{background:linear-gradient(to bottom, var(--ink), transparent);width:1px;height:32px}.articles-section{background:var(--cream);padding:80px 48px}.articles-section__inner{max-width:1000px;margin:0 auto}.section-header{text-align:center;margin-bottom:24px}.section-header h2{font-family:var(--font-display);margin-bottom:12px;font-size:2.4rem;font-weight:900}.section-header__line{background:linear-gradient(90deg, var(--coral), var(--electric));border-radius:2px;width:48px;height:4px;margin:0 auto 24px}.categories{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:48px;display:flex}.category-pill{font-family:var(--font-body);cursor:pointer;color:#1a1a2e8c;letter-spacing:.02em;background:#1a1a2e0a;border:none;border-radius:50px;padding:10px 22px;font-size:.82rem;font-weight:500;transition:all .3s}.category-pill:hover{background:#1a1a2e14}.category-pill.active{background:var(--ink);color:var(--cream);font-weight:700}.articles-grid{flex-direction:column;gap:36px;display:flex}.article-card{background:var(--white);transform:rotate(var(--card-rotate,0deg));cursor:pointer;border-radius:20px;grid-template-columns:1fr 1.2fr;transition:all .5s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}.article-card:nth-child(2n){grid-template-columns:1.2fr 1fr}.article-card:hover{box-shadow:0 24px 60px var(--card-shadow,#0000001a), 0 8px 20px #00000014;transform:rotate(0)scale(1.02)}.article-card__bar{background:linear-gradient(90deg, var(--card-color), var(--card-accent));transform-origin:0;z-index:2;height:4px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.article-card:hover .article-card__bar{transform:scaleX(1)}.article-card__image{min-height:300px;position:relative;overflow:hidden}.article-card:nth-child(2n) .article-card__image{order:2}.article-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.article-card:hover .article-card__image img{transform:scale(1.08)}.article-card__image-overlay{background:linear-gradient(135deg, var(--card-color-alpha) 0%, transparent 60%);mix-blend-mode:multiply;position:absolute;inset:0}.article-card__content{flex-direction:column;justify-content:center;padding:40px 36px;display:flex}.article-card__meta{align-items:center;gap:12px;margin-bottom:16px;display:flex}.article-card__category{letter-spacing:.15em;text-transform:uppercase;color:var(--white);background:var(--card-color);border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:700}.article-card__readtime{color:#1a1a2e66;font-size:.75rem}.article-card__title{font-family:var(--font-display);margin-bottom:14px;font-size:1.65rem;font-weight:800;line-height:1.2;transition:color .3s}.article-card:hover .article-card__title{color:var(--card-color)}.article-card__excerpt{color:#1a1a2e99;margin-bottom:20px;font-size:.95rem;line-height:1.65}.article-card__footer{justify-content:space-between;align-items:center;display:flex}.article-card__date{color:#1a1a2e59;font-size:.8rem}.article-card__link{color:var(--card-color);font-size:.85rem;font-weight:600;transition:transform .3s}.article-card:hover .article-card__link{transform:translate(4px)}.article-page{max-width:720px;margin:0 auto;padding:140px 24px 80px}.article-page__back{color:var(--coral);align-items:center;gap:6px;margin-bottom:32px;font-size:.85rem;font-weight:500;transition:transform .3s;display:inline-flex}.article-page__back:hover{transform:translate(-4px)}.article-page__category{letter-spacing:.15em;text-transform:uppercase;color:var(--white);border-radius:20px;margin-bottom:16px;padding:5px 14px;font-size:.7rem;font-weight:700;display:inline-block}.article-page__title{font-family:var(--font-display);margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.15}.article-page__meta{color:#1a1a2e73;gap:16px;margin-bottom:32px;font-size:.85rem;display:flex}.article-page__hero-image{border-radius:16px;width:100%;margin-bottom:40px;overflow:hidden}.article-page__hero-image img{object-fit:cover;width:100%;height:360px}.article-page__body{color:#1a1a2ecc;font-size:1.08rem;line-height:1.85}.article-page__body h2{font-family:var(--font-display);color:var(--ink);margin:48px 0 16px;font-size:1.6rem;font-weight:800}.article-page__body h3{font-family:var(--font-display);color:var(--ink);margin:36px 0 12px;font-size:1.25rem;font-weight:700}.article-page__body p{margin-bottom:20px}.article-page__body blockquote{border-left:3px solid var(--coral);color:#1a1a2e99;margin:28px 0;padding-left:20px;font-style:italic}.article-page__body ul,.article-page__body ol{margin:16px 0 20px 24px}.article-page__body li{margin-bottom:8px}.article-page__body a{color:var(--coral);text-underline-offset:3px;-webkit-text-decoration:underline #ff6b6b4d;text-decoration:underline #ff6b6b4d;transition:text-decoration-color .3s}.article-page__body a:hover{-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral)}.article-page__body code{background:#1a1a2e0f;border-radius:4px;padding:2px 6px;font-size:.9em}.newsletter{background:var(--ink);padding:80px 48px;position:relative;overflow:hidden}.newsletter__glow--1{filter:blur(60px);background:radial-gradient(circle,#7b2fbe33,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-20%;right:-5%}.newsletter__glow--2{filter:blur(40px);background:radial-gradient(circle,#ff6b6b1f,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-10%;left:-5%}.newsletter__inner{text-align:center;z-index:2;max-width:600px;margin:0 auto;position:relative}.newsletter__label{letter-spacing:.2em;text-transform:uppercase;color:var(--electric);font-size:.75rem;font-weight:600}.newsletter__title{font-family:var(--font-display);color:var(--cream);margin-top:12px;margin-bottom:14px;font-size:2rem;font-weight:800}.newsletter__title em{color:var(--lemon);font-style:italic}.newsletter__text{color:#fff8f099;margin-bottom:32px;font-size:.95rem;line-height:1.6}.newsletter__form{gap:10px;max-width:440px;margin:0 auto;display:flex}.newsletter__input{font-family:var(--font-body);color:var(--cream);background:#fff8f00f;border:1px solid #fff8f01f;border-radius:50px;outline:none;flex:1;padding:14px 20px;font-size:.9rem;transition:border-color .3s}.newsletter__input::placeholder{color:#fff8f059}.newsletter__input:focus{border-color:var(--electric)}.newsletter__submit{font-family:var(--font-body);background:linear-gradient(135deg, var(--coral), var(--blush));color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:50px;padding:14px 28px;font-size:.85rem;font-weight:700;transition:all .3s}.newsletter__submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b6b4d}.footer{background:var(--ink);border-top:1px solid #fff8f00f;justify-content:space-between;align-items:center;padding:32px 48px;display:flex}.footer__logo{font-family:var(--font-display);color:var(--cream);font-size:1.1rem;font-weight:800}.footer__logo .dot{color:var(--coral)}.footer__copy{color:#fff8f04d;font-size:.78rem}@media (max-width:768px){.navbar{padding:16px 24px}.navbar__links{display:none}.hero{padding:100px 24px 60px}.hero__blob--1{width:160px;height:160px}.hero__blob--2{width:120px;height:120px}.hero__actions{flex-direction:column}.hero__scroll{display:none}.articles-section{padding:48px 24px}.article-card,.article-card:nth-child(2n){grid-template-columns:1fr;transform:none!important}.article-card:nth-child(2n) .article-card__image{order:0}.article-card__image{min-height:200px}.article-card__content{padding:28px 24px}.article-card__title{font-size:1.35rem}.newsletter{padding:48px 24px}.newsletter__form{flex-direction:column}.newsletter__title{font-size:1.5rem}.footer{text-align:center;flex-direction:column;gap:12px;padding:24px}}