.navbar{position:sticky;top:12px;z-index:999;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;margin:12px 30px 0 322px;border-radius:24px;background:#0f172a8c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.14);box-shadow:0 15px 40px #00000059,inset 0 1px #ffffff38,inset 0 -1px #00000059}.logo{position:absolute;left:50%;transform:translate(-50%);font-size:32px;font-weight:800;color:#fff;letter-spacing:3px;text-shadow:0 0 6px rgba(255,255,255,.85),0 0 18px rgba(78,203,255,.75),0 0 40px rgba(99,102,241,.55);animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{text-shadow:0 0 6px rgba(255,255,255,.85),0 0 18px rgba(78,203,255,.75),0 0 40px rgba(99,102,241,.55)}50%{text-shadow:0 0 10px rgba(255,255,255,1),0 0 30px rgba(78,203,255,1),0 0 65px rgba(99,102,241,.9)}}.search{width:40%}.search input{width:100%;padding:12px 18px;border-radius:30px;border:none;background:#1e293b;color:#fff;font-size:15px}.search input::placeholder{color:#fff;opacity:.85}.actions{display:flex;align-items:center;gap:18px}.actions button{width:46px;height:46px;border-radius:50%;border:none;background:#1e293b;cursor:pointer;font-size:20px;transition:.25s}.actions button:hover{background:#2f4366;transform:scale(1.1)}.avatar{width:45px;height:45px;border-radius:50%;cursor:pointer}.mobile-menu-button{display:none;width:44px;height:44px;padding:0;flex:0 0 44px;align-items:center;justify-content:center;border-radius:14px}.sidebar{position:fixed;top:96px;left:12px;width:260px;height:calc(100vh - 108px);display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:24px;background:#0f172a8c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.14);box-shadow:0 15px 40px #00000059,inset 0 1px #ffffff38,inset 0 -1px #00000059;z-index:900}.sidebar a{display:flex;align-items:center;gap:14px;padding:14px 18px;color:#fff;text-decoration:none;border-radius:14px;transition:.25s}.sidebar-badge{margin-left:auto;min-width:22px;height:22px;padding:0 7px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#ef4444,#ec4899);color:#fff;font-size:12px;font-weight:700;line-height:1}.sidebar a:hover{background:#ffffff14}.sidebar a.active{background:linear-gradient(135deg,#4f7dff,#735cff);color:#fff}.sidebar-overlay{display:none}@media(max-width:992px){.sidebar{top:88px;left:10px;width:min(290px,calc(100vw - 40px));height:calc(100dvh - 100px);overflow-y:auto;transform:translate(calc(-100% - 30px));transition:transform .3s ease;background:#091226f5;z-index:1100}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:1050;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#00000085;box-shadow:none}}@media(max-width:576px){.sidebar{top:156px;height:calc(100dvh - 168px)}}.cookie-banner{position:fixed;z-index:1000;left:20px;right:20px;bottom:20px;display:flex;justify-content:space-between;gap:24px;align-items:center;max-width:1050px;margin:auto;padding:20px 24px;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:#0a1123f5;box-shadow:0 15px 45px #0006}.cookie-banner h2{margin:0 0 7px;font-size:20px}.cookie-banner p{margin:0 0 8px;line-height:1.45;color:#f2f5ff}.cookie-banner a{color:#fff;text-decoration:underline}.cookie-actions,.cookie-settings{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:300px}.cookie-banner button{white-space:nowrap;padding:11px 16px;border-radius:12px}.cookie-banner .cookie-secondary{background:transparent;border:1px solid rgba(255,255,255,.55);box-shadow:none}.cookie-settings{flex-direction:column;align-items:flex-start}.cookie-settings label{font-size:14px}.cookie-settings input{width:auto;padding:0;margin-right:7px}@media(max-width:750px){.cookie-banner{left:10px;right:10px;bottom:10px;display:block}.cookie-actions,.cookie-settings{margin-top:16px;justify-content:flex-start;min-width:0}}.site-lock{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(135deg,#071b2e,#30236e 55%,#1499b3)}.site-lock-card{width:min(100%,390px);padding:2.5rem;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:#081123e0;box-shadow:0 24px 80px #00000059;color:#fff;text-align:center}.site-lock-logo{font-size:2.2rem;font-weight:900;letter-spacing:.2em;margin-bottom:1.5rem}.site-lock-card h1{margin:0 0 .5rem}.site-lock-card p{color:#ffffffb8;margin-bottom:1.5rem}.site-lock-card input{width:100%;box-sizing:border-box;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#07101f;color:#fff;font-size:1rem}.site-lock-card button{width:100%;margin-top:1rem;padding:.9rem;border:0;border-radius:12px;background:linear-gradient(90deg,#20a9bb,#6651e8);color:#fff;font-weight:700;cursor:pointer}.site-lock-error{display:block;margin-top:.7rem;color:#ff9b9b;font-size:.9rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{width:100%;min-height:100%}body{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--color-text);background:radial-gradient(circle at 10% 15%,rgba(99,102,241,.18),transparent 35%),radial-gradient(circle at 90% 20%,rgba(6,182,212,.18),transparent 35%),radial-gradient(circle at 75% 85%,rgba(139,92,246,.18),transparent 40%),radial-gradient(circle at 20% 90%,rgba(236,72,153,.12),transparent 35%),var(--color-background);overflow-y:auto;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit;border:none;outline:none;background:none}ul,ol{list-style:none}table{border-collapse:collapse}::selection{background:var(--color-primary);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(var(--color-primary),var(--color-secondary))}::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--color-secondary),var(--color-cyan))}.layout{display:flex;min-height:100vh}.content{flex:1;margin-left:310px;padding:120px 40px 40px;position:relative;z-index:10;height:100vh;overflow:auto}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{display:flex;align-items:center;gap:10px;color:var(--color-text-secondary);transition:.35s;padding:10px 16px;border-radius:16px}.nav-links a:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.footer{margin-left:310px;padding:25px;text-align:center;color:var(--color-text-secondary);border-top:1px solid rgba(255,255,255,.08)}.footer nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin-top:10px}.footer nav a{color:inherit;text-decoration:none}*{transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.fade{animation:fadeIn .6s ease forwards}.glass{position:relative;overflow:hidden}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(130deg,transparent 0%,rgba(255,255,255,.18) 35%,rgba(255,255,255,.05) 50%,transparent 70%);opacity:.45;pointer-events:none}.glass:after{content:"";position:absolute;top:-40%;left:-120%;width:60%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:rotate(20deg);animation:shine 8s linear infinite}.elastic:hover{transform:translateY(-5px) scale(1.03)}.glow{box-shadow:0 0 18px #6366f140,0 0 35px #6366f12e,0 0 60px #8b5cf626}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.pulse{animation:pulse 2.5s infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.float{animation:floating 5s ease-in-out infinite}.sidebar a svg,.nav-links a svg{transition:.35s}.sidebar a:hover svg,.nav-links a:hover svg{transform:scale(1.18) rotate(-8deg)}button:hover{filter:brightness(1.15)}.card:hover,.post:hover{box-shadow:0 25px 60px #00000059,0 0 35px #6366f133}.heart-particle{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 0 5px #ff3366) drop-shadow(0 0 12px #ff3366) drop-shadow(0 0 20px #ff6699);animation:heartFly linear infinite}.home:before{content:"";position:absolute;width:900px;height:900px;left:50%;top:45%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);pointer-events:none}.home{position:relative;width:100%;height:100vh;overflow:hidden}.intro,.landing{position:relative;z-index:10}.fairy-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}@keyframes heartFly{0%{transform:translate(0) rotate(0) scale(.4);opacity:0}10%{opacity:1}20%{transform:translate(-15px,-20vh)}40%{transform:translate(25px,-45vh)}60%{transform:translate(-20px,-70vh)}80%{transform:translate(18px,-95vh)}to{transform:translate(-12px,-140vh) rotate(20deg) scale(1);opacity:0}}.background{position:fixed;inset:0;overflow:hidden;z-index:-100;background:#050816}.bg-gradient{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,180,255,.22),transparent 40%),radial-gradient(circle at 80% 15%,rgba(110,80,255,.18),transparent 45%),radial-gradient(circle at 60% 85%,rgba(0,210,255,.15),transparent 45%),linear-gradient(135deg,#030611,#071024,#0f1c43,#040713);animation:none}@keyframes gradientShift{0%{filter:hue-rotate(0deg) saturate(100%) brightness(100%)}25%{filter:hue-rotate(10deg) saturate(120%) brightness(105%)}50%{filter:hue-rotate(-8deg) saturate(110%) brightness(95%)}75%{filter:hue-rotate(5deg) saturate(125%) brightness(110%)}to{filter:hue-rotate(0deg) saturate(100%) brightness(100%)}}.aurora{position:absolute;width:1400px;height:700px;border-radius:50%;filter:blur(120px);opacity:.45;mix-blend-mode:screen;animation:auroraPulse 18s ease-in-out infinite}@keyframes auroraPulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.55;transform:scale(1.08)}to{opacity:.3;transform:scale(1)}}.aurora1{left:-350px;top:-250px;background:#00cfff}.aurora2{right:-300px;top:40px;background:#7d5cff}.aurora3{left:20%;bottom:-250px;background:#4d7fff}.nebula{position:absolute;border-radius:45% 55% 65% 35%/35% 60% 40% 65%;filter:blur(90px);opacity:.45;animation:morph 20s ease-in-out infinite,drift 45s ease-in-out infinite}@keyframes nebulaPulse{0%{opacity:.35;filter:blur(70px)}50%{opacity:.65;filter:blur(90px)}to{opacity:.35;filter:blur(70px)}}.nebula1{width:700px;height:700px;left:-180px;top:120px;background:radial-gradient(circle,rgba(0,200,255,.95),rgba(0,200,255,.25),transparent 72%)}.nebula2{width:800px;height:650px;right:-200px;top:250px;background:radial-gradient(circle,rgba(125,90,255,.9),rgba(125,90,255,.2),transparent 72%)}.nebula3{width:650px;height:650px;left:40%;bottom:-220px;background:radial-gradient(circle,rgba(0,255,220,.8),rgba(0,255,220,.15),transparent 72%)}.nebula4{width:600px;height:600px;right:25%;top:-180px;background:radial-gradient(circle,rgba(80,140,255,.85),rgba(80,140,255,.18),transparent 70%)}@keyframes drift{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(80px,-40px) rotate(8deg) scale(1.05)}50%{transform:translate(-60px,60px) rotate(-6deg) scale(.95)}75%{transform:translate(60px,20px) rotate(10deg) scale(1.08)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes morph{0%{border-radius:45% 55% 65% 35%/35% 60% 40% 65%}50%{border-radius:60% 40% 35% 65%/55% 35% 65% 45%}to{border-radius:45% 55% 65% 35%/35% 60% 40% 65%}}.ribbon{position:absolute;width:1800px;height:240px;border-radius:50%;opacity:.18;filter:blur(25px);mix-blend-mode:screen}.ribbon:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(0,220,255,.9),rgba(255,255,255,.95),rgba(130,90,255,.85),transparent)}.ribbon1{top:6%;left:-40%;transform:rotate(-12deg);animation:ribbon1 35s linear infinite}.ribbon2{top:30%;right:-55%;transform:rotate(8deg);animation:ribbon2 42s linear infinite}.ribbon3{bottom:22%;left:-45%;transform:rotate(-6deg);animation:ribbon3 38s linear infinite}.ribbon4{bottom:-8%;right:-40%;transform:rotate(10deg);animation:ribbon4 48s linear infinite}@keyframes ribbon1{0%{transform:rotate(-12deg) translate(0)}to{transform:rotate(-12deg) translate(250px)}}@keyframes ribbon2{0%{transform:rotate(8deg) translate(0)}to{transform:rotate(8deg) translate(-300px)}}@keyframes ribbon3{0%{transform:rotate(-6deg) translate(0)}to{transform:rotate(-6deg) translate(220px)}}@keyframes ribbon4{0%{transform:rotate(10deg) translate(0)}to{transform:rotate(10deg) translate(-220px)}}.light{position:absolute;width:420px;height:220vh;top:-60vh;opacity:.14;filter:blur(120px);mix-blend-mode:screen;transform-origin:center;pointer-events:none}.light:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(255,255,255,.95),transparent)}.light1{left:6%;transform:rotate(-18deg);animation:light1 45s ease-in-out infinite}.light2{left:26%;transform:rotate(-8deg);animation:light2 55s ease-in-out infinite}.light3{left:48%;transform:rotate(4deg);animation:light3 60s ease-in-out infinite}.light4{left:72%;transform:rotate(14deg);animation:light4 48s ease-in-out infinite}.light5{left:88%;transform:rotate(24deg);animation:light5 65s ease-in-out infinite}@keyframes light1{0%,to{transform:rotate(-18deg) translate(0)}50%{transform:rotate(-12deg) translate(120px)}}@keyframes light2{0%,to{transform:rotate(-8deg)}50%{transform:rotate(-2deg)}}@keyframes light3{0%,to{transform:rotate(4deg)}50%{transform:rotate(12deg)}}@keyframes light4{0%,to{transform:rotate(14deg)}50%{transform:rotate(8deg)}}@keyframes light5{0%,to{transform:rotate(24deg)}50%{transform:rotate(18deg)}}.bloom{position:absolute;border-radius:50%;pointer-events:none;mix-blend-mode:screen;animation:bloomFloat 25s ease-in-out infinite}.bloom:before{content:"";position:absolute;inset:0;border-radius:inherit;filter:blur(120px)}.bloom1{width:900px;height:900px;left:-250px;top:-250px}.bloom1:before{background:radial-gradient(circle,rgba(0,220,255,.28),rgba(0,220,255,.08),transparent 72%)}.bloom2{width:800px;height:800px;right:-180px;top:120px}.bloom2:before{background:radial-gradient(circle,rgba(120,90,255,.25),rgba(120,90,255,.07),transparent 72%)}.bloom3{width:1000px;height:1000px;left:30%;bottom:-350px}.bloom3:before{background:radial-gradient(circle,rgba(0,255,220,.22),rgba(0,255,220,.05),transparent 75%)}@keyframes bloomFloat{0%{transform:translate(0) scale(1)}25%{transform:translate(40px,-20px) scale(1.08)}50%{transform:translate(-30px,35px) scale(.95)}75%{transform:translate(25px,20px) scale(1.05)}to{transform:translate(0) scale(1)}}.noise{position:absolute;inset:0;pointer-events:none;opacity:.025;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0px,transparent 1px,transparent 4px);display:none}@keyframes noiseMove{0%{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-2px)}to{transform:translate(0)}}.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;border-radius:50%;background:#fff;animation:particleFloat linear infinite,particleBlink ease-in-out infinite;will-change:transform,opacity}@keyframes particleGlow{0%{box-shadow:0 0 #fff}50%{box-shadow:0 0 18px #fff,0 0 38px #6ec9ff}to{box-shadow:0 0 #fff}}.depth1{width:5px;height:5px;opacity:.32;filter:blur(.4px)}.depth2{width:8px;height:8px;opacity:.55;background:#8fd8ff;filter:blur(.8px);box-shadow:0 0 8px #8fd8ff99}.depth3{width:13px;height:13px;opacity:.75;background:#b89dff;filter:blur(1px);box-shadow:0 0 14px #b89dffd9,0 0 28px #b89dff99}@keyframes particleFloat{0%{transform:translateY(0) translate(0) scale(1)}25%{transform:translateY(-35px) translate(18px) scale(1.15)}50%{transform:translateY(-80px) translate(-20px) scale(.9)}75%{transform:translateY(-40px) translate(25px) scale(1.05)}to{transform:translateY(-120px) translate(0) scale(1)}}@keyframes particleBlink{0%,to{opacity:.15}50%{opacity:1}}.background{--mx:0;--my:0}.layer1{transform:translate(calc(var(--mx) * 10px),calc(var(--my) * 10px));transition:transform .8s ease-out}.layer2{transform:translate(calc(var(--mx) * 20px),calc(var(--my) * 20px));transition:transform .9s ease-out}.layer3{transform:translate(calc(var(--mx) * 35px),calc(var(--my) * 35px));transition:transform 1s ease-out}.layer4{transform:translate(calc(var(--mx) * 55px),calc(var(--my) * 55px));transition:transform 1.2s ease-out}:root{--flow-blue:#00d8ff;--flow-cyan:#36f3ff;--flow-purple:#7a5cff;--flow-indigo:#4f7cff;--flow-violet:#9d6cff}.light{animation:lightSweep 40s ease-in-out infinite,lightPulse 10s ease-in-out infinite}@keyframes lightPulse{0%{opacity:.08}50%{opacity:.22}to{opacity:.08}}.glass{position:absolute;inset:-10%;pointer-events:none;opacity:.08;-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08),transparent 30%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.05),transparent 40%);mix-blend-mode:overlay;animation:none}.reflection{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.04) 35%,transparent 60%);animation:reflection 18s linear infinite}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.15) 75%,rgba(0,0,0,.65) 100%)}@keyframes reflection{0%{transform:translate(-130%) skew(-25deg)}to{transform:translate(130%) skew(-25deg)}}@keyframes glassMove{0%{transform:translate(0)}25%{transform:translate(-40px,20px)}50%{transform:translate(20px,-30px)}75%{transform:translate(-15px,25px)}to{transform:translate(0)}}@media(max-width:900px){.particle:nth-child(n+25){display:none}.light{opacity:.08}.nebula{filter:blur(90px)}.bg-gradient,.aurora,.nebula{animation:none}.particle{animation:particleFloat 48s linear infinite,particleBlink 4s ease-in-out infinite!important;filter:none;will-change:transform,opacity;box-shadow:0 0 12px #fffffff2,0 0 22px #64beffbf}.ribbon,.light,.noise,.glass,.reflection{display:none}.aurora{filter:blur(70px);opacity:.32}.nebula{filter:blur(65px);opacity:.32}}html,body,#root{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center}.login-form{width:430px;padding:45px;border-radius:30px;background:#1216288c;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 70px #00000059}.login-form h1{margin-bottom:10px}.login-form p{color:#fff;margin-bottom:30px}.login-form input{width:100%;padding:16px;margin-bottom:18px;border-radius:16px;background:#161b2d;color:#fff}.auth-links{margin-top:25px;text-align:center}.auth-links a{color:#7c6cff;font-weight:600;margin-left:6px}.layout{display:flex}.content{flex:1}.main-layout{margin-top:24px;margin-left:292px;min-height:calc(100vh - 108px);padding:30px;position:relative}.main-layout>*{max-width:1060px;margin-left:auto;margin-right:auto}.feed-title{text-align:center;margin-bottom:24px}.app-loading{min-height:60vh;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}:root{--color-background: #090f1f;--color-surface: rgba(20, 25, 40, .35);--color-surface-light: rgba(255,255,255,.06);--color-border: rgba(255,255,255,.12);--color-white: #ffffff;--color-text: #f5f7ff;--color-text-secondary: #ffffff;--color-primary: #6366f1;--color-primary-light: #7c7fff;--color-secondary: #8b5cf6;--color-cyan: #06b6d4;--color-pink: #ec4899;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--glass: rgba(255,255,255,.06);--glass-hover: rgba(255,255,255,.1);--glass-strong: rgba(255,255,255,.14);--glass-blur: 20px;--radius-small: 12px;--radius: 18px;--radius-large: 24px;--radius-xl: 30px;--shadow-small: 0 8px 25px rgba(0,0,0,.25);--shadow: 0 15px 40px rgba(0,0,0,.35);--shadow-large: 0 25px 70px rgba(0,0,0,.45);--glow-blue: 0 0 30px rgba(99,102,241,.35);--glow-purple: 0 0 40px rgba(139,92,246,.3);--glow-cyan: 0 0 35px rgba(6,182,212,.28);--transition-fast: .2s;--transition: .35s;--transition-slow: .55s;--navbar-height: 78px;--sidebar-width: 270px}button{padding:14px 24px;border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 8px 25px #6366f140;transition:all .35s cubic-bezier(.22,1,.36,1)}button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 15px 35px #6366f159,0 0 30px #6366f159}button:active{transform:scale(.97)}input,textarea{width:100%;padding:16px 18px;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:18px;transition:.3s}input:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #6366f12e}.card{padding:24px;border-radius:26px;background:#ffffff0d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 40px #00000059;transition:.35s}.card:hover{transform:translateY(-8px)}.post{padding:24px;margin-bottom:24px;border-radius:24px;background:#ffffff0f;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 35px #0000004d;transition:.35s}.post:hover{transform:translateY(-6px)}.avatar{width:54px;height:54px;border-radius:50%;overflow:auto;border:2px solid rgba(255,255,255,.18);box-shadow:0 0 25px #6366f159}.badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:#6366f12e;color:#fff;font-size:13px}.glass{background:#ffffff0f;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:0 20px 50px #00000059}.page-title{font-size:42px;font-weight:800;margin-bottom:30px;text-shadow:0 0 18px rgba(99,102,241,.35)}.welcome{display:flex;justify-content:center;align-items:center;min-height:75vh;padding:30px}.welcome-text{max-width:900px;text-align:center}.welcome-text p{margin-top:30px;font-size:20px;line-height:1.9;color:#fff}.welcome-image{width:min(1100px,90vw);max-width:100%;border-radius:42px;display:block;object-fit:cover;border:2px solid rgba(255,255,255,.12);background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 30px 90px #00000073,0 0 60px #6366f12e,inset 0 1px #ffffff40;animation:fadeImage 1s ease,breathing 8s ease-in-out infinite;transition:transform .5s ease,box-shadow .5s ease}.welcome-image:hover{transform:scale(1.02);box-shadow:0 40px 100px #00000080,0 0 80px #6366f159,0 0 120px #8b5cf633}@keyframes fadeImage{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.flow-button{position:relative;overflow:hidden;width:100%;height:58px;border:none;border-radius:18px;color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);background-size:300%;animation:gradientMove 6s linear infinite;box-shadow:0 10px 30px #6366f159,0 0 40px #6366f133}.flow-button span{position:relative;z-index:5}.flow-button:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-25deg);animation:shine 4s infinite}.flow-button:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff40}.flow-button:hover{box-shadow:0 18px 45px #6366f173,0 0 70px #6366f14d}@keyframes gradientMove{0%{background-position:0%}to{background-position:300%}}@keyframes shine{0%{left:-120%}to{left:180%}}.password-group{margin-bottom:22px}.password-group label{display:block;margin-bottom:10px;color:#fff;font-weight:600}.password-box{display:flex;align-items:center;gap:12px;padding:0 16px;height:58px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.password-box input{flex:1;background:transparent;border:none;color:#fff}.password-box svg{color:#8b5cf6}.toggle-password{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent}.password-strength{margin-top:10px;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.password-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);transition:.4s}.password-group small{display:block;margin-top:8px;color:#fff}.register-form{width:100%;max-width:520px;padding:40px;border-radius:30px;background:#ffffff0f;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000059}.register-form h1{text-align:center;margin-bottom:30px;font-size:34px}.register-form input{margin-bottom:18px}.register-form small{display:block;color:#ff9c9c;margin:-10px 0 12px}.terms{display:flex;align-items:center;gap:10px;margin:20px 0}.avatar-upload{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.avatar-preview{width:140px;height:140px;border-radius:50%;overflow:hidden;cursor:pointer;display:flex;justify-content:center;align-items:center;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);transition:.35s}.avatar-preview:hover{transform:scale(1.05);border-color:#6366f1;box-shadow:0 0 40px #6366f159}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-upload p{margin-top:15px;color:#fff}input::placeholder,textarea::placeholder{color:#fff;opacity:.85}@media(max-width:1400px){.content{padding-left:30px;padding-right:30px}}@media(max-width:1200px){.sidebar{width:230px}.content{margin-left:270px}}@media(max-width:992px){html,body,#root,.app-layout{width:100%;max-width:100%;min-width:0;overflow-x:hidden}.sidebar{transform:translate(-120%);transition:.4s}.sidebar.open{transform:translate(0)}.content{margin-left:0;padding:120px 25px 30px}.navbar{left:15px;right:15px}.footer{margin-left:0}.navbar{margin-left:15px}.mobile-menu-button{display:flex}.main-layout{margin-left:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:30px 25px}.main-layout>*{width:100%;max-width:100%;min-width:0;box-sizing:border-box}}@media(max-width:768px){.navbar,.sidebar,.card,.post,.post-card-feed,.create-post,.messages-list,.chat,.match-card,.matches-empty-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.navbar{height:68px;padding:0 20px}.logo{font-size:28px}.nav-links{gap:18px}.nav-links span{display:none}.page-title{font-size:34px}.card,.post{padding:20px}}@media(max-width:576px){.content{padding:100px 15px 20px}.navbar{top:10px;left:10px;right:10px;border-radius:20px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:44px auto;align-items:center;height:auto;padding:12px;gap:10px 8px;width:calc(100% - 20px);margin:10px;box-sizing:border-box}.logo{font-size:24px}.nav-links{gap:10px}.navbar .search{grid-column:1 / -1;grid-row:2;width:100%}.navbar .logo{position:absolute;left:50%;top:34px;transform:translate(-50%,-50%);font-size:0;width:auto}.navbar .logo:after{content:"FLOW";font-size:25px}.navbar .mobile-menu-button{grid-column:1;grid-row:1}.navbar .search input{height:46px;padding:10px 16px;font-size:15px}.navbar>nav{display:none}.main-layout{padding:24px 15px}.create-post,.post-card-feed,.create-post textarea,.create-post-preview{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.create-post-media-controls,.post-card-actions,.footer,.footer nav{flex-wrap:wrap}.footer{margin-left:0;padding:18px 12px;font-size:13px}.footer nav{gap:8px 16px}.page-title{font-size:28px}button{width:100%}.card,.post{border-radius:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}