@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{font-family:sans-serif}.main-header{width:100%;position:fixed;left:0;top:0;z-index:1000}.content{margin-top:70px;padding:1rem}@media (min-width:768px){.content{margin-top:70px;padding:1rem 2rem}}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:hsla(0,0%,100%,.3);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);z-index:50;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.2,.9,.3,1.2);pointer-events:none;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4),0 0 40px rgba(74,144,226,.1);background:radial-gradient(circle at 20% 30%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.2) 60%,rgba(230,242,255,.3) 100%)}.backdrop.open{opacity:1;visibility:visible;pointer-events:all;animation:backdropAppear .4s cubic-bezier(.2,.9,.3,1.2) forwards}@keyframes backdropAppear{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:hsla(0,0%,100%,0)}to{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:radial-gradient(circle at 20% 30%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.2) 60%,rgba(230,242,255,.3) 100%)}}.backdrop:hover{background:radial-gradient(circle at 30% 40%,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,.25) 70%,rgba(230,242,255,.35) 100%);transition:background .3s ease}.backdrop:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,hsla(0,0%,100%,.8) 0,transparent 30%);opacity:0;animation:rotateParticles 20s linear infinite;pointer-events:none}.backdrop.open:before{opacity:.15}@keyframes rotateParticles{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(1.2)}}.backdrop:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 30px rgba(74,144,226,.2),inset 0 0 60px hsla(0,0%,100%,.3);pointer-events:none;opacity:0;transition:opacity .3s ease}.backdrop.open:after{opacity:1;animation:glowPulse 3s ease-in-out infinite}@media (max-width:768px){.backdrop{backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%)}@keyframes backdropAppear{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:hsla(0,0%,100%,0)}to{backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);background:radial-gradient(circle at 20% 30%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.2) 60%,rgba(230,242,255,.3) 100%)}}}@media (prefers-color-scheme:dark){.backdrop{background:rgba(10,20,40,.3);background:radial-gradient(circle at 20% 30%,rgba(30,60,120,.4) 0,rgba(20,40,80,.2) 60%,rgba(15,30,60,.3) 100%)}.backdrop:before{background:radial-gradient(circle at 30% 40%,rgba(100,150,255,.3) 0,transparent 30%)}}.backdrop:not(.open){animation:backdropDisappear .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes backdropDisappear{0%{opacity:1;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);visibility:visible;pointer-events:all}99%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);visibility:visible;pointer-events:none}to{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);visibility:hidden;pointer-events:none}}.backdrop.premium:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),rgba(74,144,226,.8),hsla(0,0%,100%,.8),transparent);animation:shimmer 2s infinite}.backdrop.modal{display:flex;align-items:center;justify-content:center}@media (prefers-reduced-motion:reduce){.backdrop,.backdrop:after,.backdrop:before{animation:none!important;transition:opacity .1s ease!important}@keyframes backdropAppear{0%{opacity:0}to{opacity:1}}}.toolbar{position:fixed;top:0;left:0;width:100%;background:hsla(0,0%,100%,.85);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border-bottom:1px solid hsla(0,0%,100%,.5);box-shadow:0 4px 30px rgba(0,0,0,.02);z-index:9998}.toolbar>*{position:relative;z-index:9999;pointer-events:auto}.mobile-toggle{position:relative;width:48px;height:48px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.9);border-radius:16px;cursor:pointer;display:none;flex-direction:column;justify-content:center;align-items:center;grid-gap:6px;gap:6px;z-index:199;padding:0;box-shadow:0 4px 15px rgba(0,0,0,.03),inset 0 2px 4px hsla(0,0%,100%,.8),inset 0 -1px 3px rgba(0,0,0,.02);transition:all .4s cubic-bezier(.2,.9,.3,1.2);overflow:hidden;z-index:10;margin-right:4px}.mobile-toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(74,144,226,.2),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.mobile-toggle:hover{background:#fff;transform:scale(1.05) translateY(-2px);box-shadow:0 8px 25px rgba(74,144,226,.25),inset 0 4px 8px hsla(0,0%,100%,.9),inset 0 -2px 4px rgba(0,0,0,.02);border-color:rgba(74,144,226,.3)}.mobile-toggle:hover:before{opacity:1}.mobile-toggle:active{transform:scale(.95) translateY(0);transition:all .1s ease}.mobile-toggle__bar{display:block;width:24px;height:2px;background:linear-gradient(90deg,#4a90e2,#7c9fe2);border-radius:4px;transition:all .4s cubic-bezier(.2,.9,.3,1.2);position:relative;z-index:2}.mobile-toggle__bar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(4px);opacity:0;transition:opacity .4s ease}.mobile-toggle:hover .mobile-toggle__bar:before{opacity:.5}.mobile-toggle__bar.hover{animation:barPulse .6s ease-in-out}@keyframes barPulse{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.2)}}.mobile-toggle__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(74,144,226,.2) 0,transparent 70%);filter:blur(10px);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.mobile-toggle:hover .mobile-toggle__glow{opacity:1;animation:glowPulse 2s ease-in-out infinite}.mobile-toggle__particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.mobile-toggle__particles span{position:absolute;width:3px;height:3px;background:linear-gradient(135deg,#4a90e2,#7c9fe2);border-radius:50%;opacity:0;animation:particleFloat 3s infinite}.mobile-toggle:hover .mobile-toggle__particles span{opacity:1}.mobile-toggle__particles span:first-child{top:20%;left:20%;animation-delay:0s}.mobile-toggle__particles span:nth-child(2){top:60%;right:20%;animation-delay:.5s;width:4px;height:4px}.mobile-toggle__particles span:nth-child(3){bottom:20%;left:50%;animation-delay:1s}@media (max-width:768px){.mobile-toggle{display:flex;width:42px;height:42px;grid-gap:5px;gap:5px}.mobile-toggle__bar{width:20px}.mobile-toggle__bar:nth-child(2){width:16px}.mobile-toggle__bar:nth-child(3){width:12px}.mobile-toggle:hover .mobile-toggle__bar:nth-child(2){width:20px}}@media (max-width:480px){.mobile-toggle{width:38px;height:38px;grid-gap:4px;gap:4px;border-radius:14px}.mobile-toggle__bar{width:18px;height:1.5px}}@media (prefers-reduced-motion:reduce){.mobile-toggle,.mobile-toggle__bar,.mobile-toggle__glow,.mobile-toggle__particles span{animation:none;transition:none}.mobile-toggle:hover{transform:none}}.logo-container{position:relative;display:inline-block;cursor:pointer}.logo{font-size:2.2rem;font-weight:800;margin:0;display:flex;align-items:center;grid-gap:.1rem;gap:.1rem;position:relative;z-index:2;letter-spacing:-.5px}.logo-text{background:linear-gradient(135deg,#1e3c72,#2a5298 60%);-webkit-background-clip:text;background-clip:text;animation:textFloat 3s ease-in-out infinite}.logo-highlight,.logo-text{-webkit-text-fill-color:transparent;position:relative}.logo-highlight{background:linear-gradient(135deg,#4a90e2,#7c9fe2 50%,#a5c0f0);-webkit-background-clip:text;background-clip:text;animation:textFloat 3s ease-in-out .2s infinite}@keyframes textFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.logo:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4a90e2,#7c9fe2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(15px);opacity:.3;z-index:-1;animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:blur(15px);opacity:.3}50%{filter:blur(20px);opacity:.5}}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(74,144,226,.2) 0,transparent 70%);filter:blur(20px);z-index:1;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.logo-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.logo-particles span{position:absolute;width:4px;height:4px;background:linear-gradient(135deg,#4a90e2,#7c9fe2);border-radius:50%;animation:particleFloat 3s infinite}.logo-particles span:first-child{top:10%;right:-10px;animation-delay:0s}.logo-particles span:nth-child(2){bottom:20%;left:-5px;animation-delay:.5s;width:3px;height:3px}.logo-particles span:nth-child(3){top:40%;right:-15px;animation-delay:1s;width:5px;height:5px}.logo-particles span:nth-child(4){bottom:10%;right:20%;animation-delay:1.5s;width:4px;height:4px}.logo-particles span:nth-child(5){top:20%;left:20%;animation-delay:2s;width:3px;height:3px}.logo-container:hover .logo-text{animation:textPulse 1s ease-in-out infinite}.logo-container:hover .logo-highlight{animation:textPulse 1s ease-in-out .1s infinite}@keyframes textPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.logo-container:hover .logo-glow{animation:glowPulseHover 2s ease-in-out infinite}@keyframes glowPulseHover{0%,to{opacity:.4;filter:blur(25px)}50%{opacity:.8;filter:blur(30px)}}@media (max-width:768px){.logo{font-size:1.8rem}.logo-particles{display:none}}@media (max-width:480px){.logo{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.logo-glow,.logo-highlight,.logo-particles span,.logo-text,.logo:before{animation:none}}.navigation-item{padding:0 .8rem;position:relative}.navigation-item a{text-decoration:none;color:#1e3c72;font-weight:500;font-size:1rem;padding:.5rem 0;transition:all .3s ease;position:relative;letter-spacing:.3px}.navigation-item a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#4a90e2,#7c9fe2);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.navigation-item a.active:after,.navigation-item a:hover:after{transform:scaleX(1);transform-origin:left}.navigation-item a.active,.navigation-item a:hover{color:#4a90e2}.navigation-item.mobile{font-size:1.2rem;margin:.3rem 0;width:100%}.navigation-item.mobile a{color:#1e3c72;display:block;padding:.8rem 1.2rem;border-radius:12px;background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.navigation-item.mobile a.active,.navigation-item.mobile a:hover{background:#fff;color:#4a90e2;transform:translateX(5px);box-shadow:0 4px 12px rgba(74,144,226,.15)}.navigation-item:last-of-type{padding-right:0}.navigation-item button{font:inherit;background:linear-gradient(135deg,#fff,#f8faff);border:1px solid rgba(74,144,226,.2);border-radius:40px;padding:.6rem 1.5rem;color:#1e3c72;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;box-shadow:0 4px 12px rgba(0,0,0,.03),inset 0 2px 4px hsla(0,0%,100%,.8)}.navigation-item button:hover{background:linear-gradient(135deg,#f8faff,#fff);border-color:rgba(74,144,226,.4);transform:translateY(-2px);box-shadow:0 8px 20px rgba(74,144,226,.15);color:#4a90e2}.navigation-item button:active{transform:translateY(0)}.navigation-item.mobile button{width:100%;text-align:left;padding:.8rem 1.2rem;border-radius:12px;background:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.8)}.navigation-item.mobile button:hover{background:#fff;transform:translateX(5px)}@media (max-width:768px){.navigation-item{padding:0 .5rem}.navigation-item a{font-size:.9rem}.navigation-item button{padding:.5rem 1.2rem;font-size:.9rem}}.main-nav{position:fixed;top:0;left:0;width:100%;height:70px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.8);z-index:10;display:flex;align-items:center;padding:0 2rem;box-shadow:0 4px 30px rgba(0,0,0,.05)}.main-nav__logo{margin-left:1rem;z-index:10000}.main-nav__logo a{text-decoration:none;display:block}.spacer{flex:1 1}.main-nav__items{display:flex;list-style:none;padding:0;margin:0 1.5rem;align-items:center;grid-gap:.5rem;gap:.5rem;z-index:10000}.main-nav__items a,.main-nav__items button{position:relative;z-index:10001;cursor:pointer;pointer-events:auto}@media (max-width:768px){.main-nav{height:60px;padding:0 1rem}.main-nav__items{display:none}}.mobile-nav-overlay{position:fixed;padding-top:50px;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:199;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.2,.9,.3,1.2);pointer-events:none}.mobile-nav-overlay.visible{opacity:1;visibility:visible;pointer-events:all}.mobile-nav{position:fixed;top:0;left:-400px;height:100vh;width:320px;max-width:85%;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:10px 0 50px rgba(0,0,0,.1),5px 0 30px rgba(74,144,226,.15),inset -1px 0 0 hsla(0,0%,100%,.9);z-index:200;transition:left .5s cubic-bezier(.2,.9,.3,1.1);border-right:1px solid hsla(0,0%,100%,.8);display:flex;flex-direction:column;overflow:hidden;margin-top:60px}.mobile-nav.open{left:0}.mobile-nav:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#4a90e2,#7c9fe2,#a5c0f0,#7c9fe2,#4a90e2);background-size:200% 100%;animation:gradientShift 3s linear infinite;z-index:1}.mobile-nav:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(74,144,226,.3),transparent)}.mobile-nav__close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:none;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#4a5568;transition:all .4s cubic-bezier(.2,.9,.3,1.2);line-height:1;padding:0;z-index:3;box-shadow:0 4px 15px rgba(0,0,0,.05)}.mobile-nav__close:hover{background:#fff;transform:rotate(90deg) scale(1.1);color:#ff6b6b;box-shadow:0 6px 20px hsla(0,100%,71%,.25)}.mobile-nav__header{padding:50px 30px 20px;position:relative}.mobile-nav__title{font-size:2rem;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;animation:titleFadeIn .5s ease-out}@keyframes titleFadeIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.mobile-nav__decor{height:2px;width:50px;background:linear-gradient(90deg,#4a90e2,transparent);animation:decorExpand .8s ease-out .2s both}@keyframes decorExpand{0%{width:0;opacity:0}to{width:50px;opacity:1}}.mobile-nav__items{list-style:none;margin:0;padding:10px 20px;flex:1 1;display:flex;flex-direction:column;grid-gap:5px;gap:5px}.mobile-nav__items li{transform:translateX(-20px);opacity:0;animation:slideInItem .4s cubic-bezier(.2,.9,.3,1.2) forwards}.mobile-nav__items li:first-child{animation-delay:.1s}.mobile-nav__items li:nth-child(2){animation-delay:.15s}.mobile-nav__items li:nth-child(3){animation-delay:.2s}.mobile-nav__items li:nth-child(4){animation-delay:.25s}.mobile-nav__items li:nth-child(5){animation-delay:.3s}@keyframes slideInItem{to{transform:translateX(0);opacity:1}}.mobile-nav__items a,.mobile-nav__items button{display:block;width:100%;padding:15px 20px;border:none;background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;color:#1e3c72;text-decoration:none;font-weight:500;font-size:1.1rem;transition:all .3s cubic-bezier(.2,.9,.4,1);text-align:left;cursor:pointer;border:1px solid hsla(0,0%,100%,.8);position:relative;overflow:hidden}.mobile-nav__items a:before,.mobile-nav__items button:before{content:"";position:absolute;left:0;top:0;height:100%;width:2px;background:linear-gradient(180deg,#4a90e2,#7c9fe2);transform:scaleY(0);transition:transform .3s ease}.mobile-nav__items a:hover,.mobile-nav__items button:hover{background:#fff;transform:translateX(5px);box-shadow:0 8px 25px rgba(74,144,226,.2);color:#4a90e2;border-color:transparent}.mobile-nav__items a:hover:before,.mobile-nav__items button:hover:before{transform:scaleY(1)}.mobile-nav__items a.active{background:#fff;box-shadow:0 8px 25px rgba(74,144,226,.25);color:#4a90e2;border-left:3px solid #4a90e2}.mobile-nav__footer{padding:20px 30px 30px;position:relative}.mobile-nav__particles{position:relative;height:20px}.mobile-nav__particles span{position:absolute;width:4px;height:4px;background:linear-gradient(135deg,#4a90e2,#7c9fe2);border-radius:50%;animation:particleFloat 4s infinite}.mobile-nav__particles span:first-child{left:20%;animation-delay:0s}.mobile-nav__particles span:nth-child(2){left:50%;animation-delay:1s;width:6px;height:6px}.mobile-nav__particles span:nth-child(3){left:80%;animation-delay:2s}@keyframes particleFloat{0%{transform:translateY(0) scale(1);opacity:0}25%{opacity:1}50%{transform:translateY(-15px) scale(.8);opacity:.5}75%{opacity:.2}to{transform:translateY(-30px) scale(0);opacity:0}}.mobile-nav__items.mobile{padding:0}.mobile-nav__items.mobile a,.mobile-nav__items.mobile button{font-size:1rem;padding:12px 15px}@media (max-width:480px){.mobile-nav{width:280px}.mobile-nav__header{padding:40px 20px 15px}.mobile-nav__title{font-size:1.8rem}.mobile-nav__items{padding:5px 15px}.mobile-nav__items a,.mobile-nav__items button{padding:12px 15px;font-size:1rem}.mobile-nav__footer{padding:15px 20px 20px}}@media (prefers-reduced-motion:reduce){.mobile-nav,.mobile-nav-overlay,.mobile-nav:before,.mobile-nav__close,.mobile-nav__decor,.mobile-nav__items li,.mobile-nav__particles span{animation:none;transition:none}}.button{font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.3px;padding:.8rem 2rem;border:none;border-radius:40px;cursor:pointer;text-transform:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.2,.9,.4,1);position:relative;overflow:hidden;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#1e3c72;box-shadow:0 4px 12px rgba(0,0,0,.03),inset 0 2px 4px hsla(0,0%,100%,.8),inset 0 -1px 3px rgba(0,0,0,.02);border:1px solid hsla(0,0%,100%,.7);margin-left:4px}.button:hover:before{width:300px;height:300px}.button:focus{outline:none;box-shadow:0 0 0 3px rgba(74,144,226,.3),0 4px 12px rgba(0,0,0,.03),inset 0 2px 4px hsla(0,0%,100%,.8)}.button:disabled{opacity:.5;cursor:not-allowed;background:hsla(0,0%,78.4%,.3);color:#999;border-color:transparent;box-shadow:none;pointer-events:none}.button:disabled:active,.button:disabled:hover{background:hsla(0,0%,78.4%,.3);color:#999;transform:none;box-shadow:none}.button:active,.button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(74,144,226,.2),0 4px 12px rgba(0,0,0,.02),inset 0 2px 4px hsla(0,0%,100%,.9);border-color:rgba(74,144,226,.3)}.button:active{transform:translateY(0);transition:all .1s ease}.button--flat{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:1px solid rgba(74,144,226,.3)}.button--flat:active,.button--flat:hover{background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-color:rgba(74,144,226,.5);transform:translateY(-2px)}.button--raised{background:linear-gradient(135deg,#4a90e2,#7c9fe2);color:#fff;border:none;box-shadow:0 8px 20px -6px rgba(74,144,226,.4),inset 0 2px 4px hsla(0,0%,100%,.3)}.button--raised:active,.button--raised:hover{background:linear-gradient(135deg,#5a9ef0,#8cafe8);box-shadow:0 14px 28px -8px rgba(74,144,226,.5),inset 0 4px 8px hsla(0,0%,100%,.4);transform:translateY(-3px)}.button--raised:active{transform:translateY(-1px);box-shadow:0 8px 16px -6px rgba(74,144,226,.4),inset 0 2px 4px hsla(0,0%,100%,.3)}.button.button--accent{background:linear-gradient(135deg,#ffd166,#ffd98c);color:#1e3c72;border:none}.button--accent:active,.button--accent:hover{background:linear-gradient(135deg,#ffd98c,#ffe4a8);color:#1e3c72}.button--flat.button--accent{background:transparent;border:1px solid #ffd166;color:#ffd166}.button--flat.button--accent:active,.button--flat.button--accent:hover{background:rgba(255,209,102,.1);border-color:#ffd98c;color:#ffd98c}.button.button--accent.button--raised{background:linear-gradient(135deg,#ffd166,#ffd98c);color:#1e3c72}.button.button--danger{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;border:none}.button--danger:active,.button--danger:hover{background:linear-gradient(135deg,#ff7e7e,#ffa0a0);color:#fff}.button--flat.button--danger{background:transparent;border:1px solid #ff6b6b;color:#ff6b6b}.button--flat.button--danger:active,.button--flat.button--danger:hover{background:hsla(0,100%,71%,.1);border-color:#ff7e7e;color:#ff7e7e}.button.button--success{background:linear-gradient(135deg,#51cf66,#69db7e);color:#fff;border:none}.button--success:active,.button--success:hover{background:linear-gradient(135deg,#69db7e,#8ce99a);color:#fff}.button--flat.button--success{background:transparent;border:1px solid #51cf66;color:#51cf66}.button--flat.button--success:active,.button--flat.button--success:hover{background:rgba(81,207,102,.1);border-color:#69db7e;color:#69db7e}.button--loader{display:flex;grid-gap:6px;gap:6px;align-items:center;justify-content:center}.loader-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:loaderPulse 1.4s ease-in-out infinite}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}@keyframes loaderPulse{0%,60%,to{transform:scale(1);opacity:1}30%{transform:scale(1.5);opacity:.7}}.button--small{padding:.5rem 1.5rem;font-size:.85rem}.button--large{padding:1rem 2.5rem;font-size:1.1rem}.button--wide{padding:.8rem 3rem;width:100%}.button--round{width:48px;height:48px;padding:0;border-radius:50%}@media (max-width:768px){.button{padding:.7rem 1.5rem;font-size:.9rem}.button--large{padding:.9rem 2rem;font-size:1rem}.button--round{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.button,.button:before,.loader-dot{animation:none;transition:opacity .1s ease,background-color .1s ease}}.modal{position:fixed;width:90%;left:5%;top:53%;transform:translateY(-50%);background:hsla(0,0%,100%,.9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:28px;z-index:300;box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 10px 30px rgba(74,144,226,.15),inset 0 1px 2px hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.7);animation:modalFadeIn .4s cubic-bezier(.2,.9,.3,1.2);display:flex;flex-direction:column;max-height:90vh;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-30%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}.modal__header{border-bottom:1px solid rgba(74,144,226,.2);padding:1.5rem;position:relative;flex-shrink:0}.modal__header h1{font-size:1.8rem;font-weight:600;margin:0;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;padding-right:2.5rem}.modal__content{padding:1.8rem;overflow-y:auto;overflow-x:hidden;color:#2d3748;line-height:1.6;flex:1 1;scrollbar-width:thin;scrollbar-color:rgba(74,144,226,.75) rgba(74,144,226,.08)}.modal__content::-webkit-scrollbar{width:12px}.modal__content::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(74,144,226,.08),rgba(124,159,226,.12));border-radius:999px;margin:12px 0}.modal__content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(74,144,226,.95),rgba(124,159,226,.95));border-radius:999px;border:2px solid hsla(0,0%,100%,.7);box-shadow:0 4px 12px rgba(74,144,226,.25)}.modal__content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2a5298,#4a90e2)}.modal__content::-webkit-scrollbar-corner{background:transparent}.modal__actions{padding:1.5rem;text-align:right;border-top:1px solid rgba(74,144,226,.2);display:flex;justify-content:flex-end;grid-gap:1rem;gap:1rem;flex-shrink:0}.modal__actions button{margin:0;min-width:100px}.modal__actions button:first-child{background:transparent;border:1px solid hsla(0,100%,71%,.3);color:#ff6b6b}.modal__actions button:first-child:hover{background:hsla(0,100%,71%,.1);border-color:#ff6b6b;transform:translateY(-2px)}.modal__actions button:last-child{background:linear-gradient(135deg,#4a90e2,#7c9fe2);color:#fff;border:none}.modal__close{position:absolute;top:1.2rem;right:1.2rem;width:36px;height:36px;border-radius:50%;border:none;background:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#4a5568;transition:all .3s ease;line-height:1;padding:0;z-index:1}.modal__close:hover{background:#fff;transform:rotate(90deg) scale(1.1);color:#ff6b6b;box-shadow:0 4px 15px hsla(0,100%,71%,.2)}@media (min-width:768px){.modal{width:45rem;left:calc(50% - 22.5rem)}}@media (max-width:768px){.modal{max-height:85vh}.modal__header h1{font-size:1.5rem}.modal__actions,.modal__content{padding:1.2rem}}@media (max-width:480px){.modal{width:95%;left:2.5%}.modal__actions{flex-direction:column}.modal__actions button{width:100%}.modal__content::-webkit-scrollbar{width:8px}}.error-enter{opacity:0;transform:scale(.9)}.error-enter-active{transition:opacity .3s cubic-bezier(.2,.9,.3,1.2),transform .3s cubic-bezier(.2,.9,.3,1.2)}.error-enter-active,.error-exit{opacity:1;transform:scale(1)}.error-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.error-message{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:2rem;max-width:450px;margin:2rem auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 4px 18px hsla(0,100%,71%,.15),inset 0 1px 2px hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.7);position:relative;overflow:hidden}.error-message:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#ffa0a0,#ff6b6b);background-size:200% 100%;animation:errorGradient 2s linear infinite}@keyframes errorGradient{0%{background-position:0 50%}to{background-position:200% 50%}}.error-message h3{font-size:1.8rem;font-weight:600;margin-bottom:1rem;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.error-message p{color:#2d3748;font-size:1.1rem;line-height:1.6;text-align:center;margin:1.5rem 0;padding:1rem;background:hsla(0,100%,71%,.05);border-radius:16px;border:1px solid hsla(0,100%,71%,.1)}.error-actions{grid-gap:1rem;gap:1rem;margin-top:2rem}.error-actions,.error-icon{display:flex;justify-content:center}.error-icon{margin-bottom:1rem}.error-icon svg{width:64px;height:64px;color:#ff6b6b;animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.error-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#4a5568;transition:all .3s ease}.error-close:hover{background:#fff;transform:rotate(90deg);color:#ff6b6b;box-shadow:0 4px 12px hsla(0,100%,71%,.2)}@media (max-width:768px){.error-message{margin:1rem;padding:1.5rem}.error-message h3{font-size:1.5rem}.error-message p{font-size:1rem}}.home{position:relative;min-height:100vh;font-family:Inter,sans-serif;color:#1a1f36}.home__background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(135deg,#f8fafd,#f0f5fe)}.home__content{max-width:1400px;margin:0 auto;padding:100px 40px 60px;min-height:100vh;display:flex;flex-direction:column}.home__header{text-align:center;margin-bottom:70px}.home__title{font-size:4rem;font-weight:800;margin-bottom:20px;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.title-line{font-size:1.6rem;font-weight:400;color:#4a5568;letter-spacing:3px;text-transform:uppercase}.title-gradient{font-size:5rem;background:linear-gradient(135deg,#1e3c72,#2a5298,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home__subtitle{font-size:1.1rem;color:#4a5568;max-width:550px;margin:15px auto 0;line-height:1.7;opacity:.8}.home__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,220px);grid-gap:20px;gap:20px;margin:40px 0;position:relative}.card-1{grid-column:1/2;grid-row:1/3}.card-2{grid-column:2/3;grid-row:1/2}.card-3{grid-column:3/4;grid-row:1/2}.card-4{grid-column:3/4;grid-row:2/4}.card-5{grid-column:1/2;grid-row:3/4}.card-6{grid-column:2/3;grid-row:3/4}.card-center{grid-column:2/3;grid-row:2/3}.grid-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -12px rgba(74,144,226,.15),inset 0 0 0 1px hsla(0,0%,100%,.8)}.card__icon{width:40px;height:40px;margin-bottom:16px;color:#4a90e2}.grid-card h3{font-size:1.3rem;font-weight:600;color:#1e3c72;margin-bottom:10px}.grid-card p{font-size:.9rem;color:#4a5568;line-height:1.5}.card-4{background:linear-gradient(135deg,#fff,#f0f7ff);justify-content:flex-end;text-align:right}.card-4 .card__icon{margin-left:auto}.card-5{background:linear-gradient(225deg,#fff,#f8faff)}.card-6{background:linear-gradient(315deg,#fff,#f0f7ff)}.center-content{grid-gap:4px;gap:4px}.center-text{font-size:1rem}.center-highlight{font-size:2.3rem}@media (max-width:1200px){.home__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.card-1,.card-2,.card-3,.card-4,.card-5,.card-6,.card-center{grid-column:auto;grid-row:auto}}@media (max-width:768px){.home__grid{grid-template-columns:1fr}.card-4{text-align:left}.card-4 .card__icon{margin-left:0}}.home__cta{display:flex;justify-content:center;margin-top:40px}.cta-button{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:16px 40px;background:linear-gradient(135deg,#1e3c72,#2a5298,#4a90e2);border:none;border-radius:40px;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 25px -5px rgba(74,144,226,.3)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px rgba(74,144,226,.4)}.cta-button svg{width:20px;height:20px;transition:transform .2s ease}.cta-button:hover svg{transform:translateX(4px)}.home__footer{background:#fff;border-top:1px solid rgba(74,144,226,.1);margin-top:40px;padding:50px 40px 20px}.footer__content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 2fr 1fr;grid-gap:40px;gap:40px}.footer__logo{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#1e3c72,#2a5298,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.footer__description{color:#4a5568;line-height:1.6;font-size:.9rem;max-width:280px}.footer__links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}.footer__column h4{color:#1e3c72;font-size:1rem;font-weight:600;margin-bottom:18px}.footer__column a{display:block;color:#4a5568;text-decoration:none;margin-bottom:10px;font-size:.9rem;transition:color .2s ease}.footer__column a:hover{color:#4a90e2}.footer__social{flex-direction:column}.footer__social,.footer__social a{display:flex;grid-gap:10px;gap:10px}.footer__social a{align-items:center;padding:10px 18px;background:#f8faff;border-radius:30px;color:#1e3c72;text-decoration:none;font-size:.9rem;transition:all .2s ease}.footer__social a:hover{background:#eef3ff;transform:translateX(3px)}.footer__social a.github-link{background:#24292e;color:#fff}.footer__social a.github-link:hover{background:#2c3137}.footer__social svg{width:18px;height:18px}.footer__bottom{max-width:1200px;margin:40px auto 0;padding-top:20px;border-top:1px solid rgba(74,144,226,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;grid-gap:15px;gap:15px;color:#4a5568;font-size:.85rem}.footer__legal{display:flex;grid-gap:20px;gap:20px}.footer__legal a{color:#4a5568;text-decoration:none;transition:color .2s ease}.footer__legal a:hover{color:#4a90e2}@media (max-width:1200px){.home__title{font-size:3.5rem}.title-gradient{font-size:4.2rem}.home__grid{grid-template-columns:repeat(2,1fr)}.card-1,.card-2,.card-3,.card-4,.card-5,.card-6,.card-center{grid-column:auto;grid-row:auto}.footer__content{grid-template-columns:1fr;grid-gap:30px;gap:30px}}@media (max-width:768px){.home__content{padding:80px 20px 40px}.home__title{font-size:2.8rem}.title-line{font-size:1.3rem}.title-gradient{font-size:3.2rem}.home__grid{grid-template-columns:1fr}.grid-card{min-height:180px}.center-highlight{font-size:2rem}.footer__links{grid-template-columns:1fr;grid-gap:20px;gap:20px}.footer__bottom{flex-direction:column;text-align:center}.footer__legal{justify-content:center}}@media (max-width:480px){.home__title{font-size:2.2rem}.title-gradient{font-size:2.5rem}.cta-button{width:100%;justify-content:center}.footer__social a{width:100%}}.card__community,.card__features,.card__interactive,.card__security,.card__stats,.card__tools{grid-gap:8px;gap:8px;margin-top:12px}.card__community span,.card__features span,.card__interactive span,.card__security span,.card__stats span,.card__tools span{padding:4px 12px;font-size:.8rem}.card-6 .card__security{margin-top:8px}.center__badges{grid-gap:8px;gap:8px;margin-top:12px}.center__badges span{padding:4px 12px;font-size:.75rem;letter-spacing:.3px}@media (max-width:768px){.card-3 .card__tools,.card-4 .card__community,.card__community,.card__features,.card__interactive,.card__security,.card__stats,.card__tools{justify-content:flex-start}}.grid-card{background:#fff;border-radius:28px;padding:24px;box-shadow:0 15px 35px -10px rgba(0,0,0,.05),inset 0 0 0 1px rgba(0,0,0,.02);display:flex;flex-direction:column;transition:all .2s ease;position:relative;overflow:hidden}.card__description{font-size:.9rem;color:#4a5568;line-height:1.5;margin:8px 0 16px;flex:1 1}.card__community,.card__features,.card__interactive,.card__security,.card__stats,.card__tools{display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px;margin-top:auto}.card__community span,.card__features span,.card__interactive span,.card__security span,.card__stats span,.card__tools span{background:rgba(74,144,226,.08);padding:4px 10px;border-radius:30px;font-size:.75rem;color:#1e3c72;font-weight:500;letter-spacing:.2px;transition:all .2s ease;white-space:nowrap}.card__community span:hover,.card__features span:hover,.card__interactive span:hover,.card__security span:hover,.card__stats span:hover,.card__tools span:hover{background:rgba(74,144,226,.15);transform:translateY(-2px)}.card-2 .card__features{margin-top:12px}.card-3 .card__tools,.card-4 .card__community{justify-content:flex-end}.card-5 .card__interactive,.card-6 .card__security{margin-top:16px}.card-center{background:#fff;border:2px solid #f0f5ff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;z-index:2;box-shadow:0 20px 40px -12px rgba(74,144,226,.15);position:relative;overflow:hidden}.card-center:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(74,144,226,.03) 50%,transparent 70%);animation:shimmer 6s linear infinite}.card-center:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(74,144,226,.02) 0,transparent 50%);animation:pulseGlow 4s ease-in-out infinite}.card-center .center-animation{position:absolute;width:100%;height:100%;pointer-events:none}.card-center .circle{position:absolute;border-radius:50%;background:rgba(74,144,226,.03);animation:circleExpand 8s ease-out infinite}.card-center .circle-1{width:50px;height:50px;top:10%;left:10%;animation-delay:0s}.card-center .circle-2{width:80px;height:80px;bottom:15%;right:15%;animation-delay:2s}.card-center .circle-3{width:40px;height:40px;top:40%;right:25%;animation-delay:4s}.card-center .circle-4{width:60px;height:60px;bottom:30%;left:20%;animation-delay:6s}.card-center .wave{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,transparent 0,rgba(74,144,226,.02) 30%,transparent 60%);animation:wavePulse 5s ease-in-out infinite}.card-center .wave-1{animation-delay:0s}.card-center .wave-2{animation-delay:2.5s;opacity:.5}.card-center .dot{position:absolute;width:4px;height:4px;background:rgba(74,144,226,.2);border-radius:50%;animation:dotFloat 6s ease-in-out infinite}.card-center .dot-1{top:20%;left:20%;animation-delay:0s}.card-center .dot-2{top:70%;left:80%;width:6px;height:6px;animation-delay:1s}.card-center .dot-3{top:30%;left:90%;animation-delay:2s}.card-center .dot-4{top:80%;left:10%;width:5px;height:5px;animation-delay:3s}.card-center .dot-5{top:50%;left:50%;animation-delay:4s}@keyframes pulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes circleExpand{0%{transform:scale(0);opacity:.5}50%{transform:scale(1.5);opacity:.2}to{transform:scale(2);opacity:0}}@keyframes wavePulse{0%,to{transform:scale(.8);opacity:.2}50%{transform:scale(1.2);opacity:.4}}@keyframes dotFloat{0%,to{transform:translate(0) scale(1);opacity:.2}25%{transform:translate(10px,-10px) scale(1.2);opacity:.4}50%{transform:translate(15px,-15px) scale(1.5);opacity:.6}75%{transform:translate(5px,-5px) scale(1.2);opacity:.3}}.card-center .center-content{position:relative;z-index:10;display:flex;flex-direction:column;grid-gap:4px;gap:4px}.card-center .center-text{font-size:.9rem;color:#4a5568;letter-spacing:2px;text-transform:uppercase;position:relative;z-index:10}.card-center .center-highlight{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#1e3c72,#2a5298,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;position:relative;z-index:10;animation:textGlow 3s ease-in-out infinite}@keyframes textGlow{0%,to{filter:drop-shadow(0 0 10px rgba(74,144,226,.2))}50%{filter:drop-shadow(0 0 20px rgba(74,144,226,.4))}}.card-center .center__badges{display:flex;grid-gap:6px;gap:6px;justify-content:center;position:relative;z-index:10}.card-center .center__badges span{background:linear-gradient(135deg,rgba(74,144,226,.1),rgba(124,159,226,.1));padding:4px 10px;border-radius:30px;font-size:.7rem;color:#4a90e2;font-weight:600;letter-spacing:.2px;white-space:nowrap;transition:all .3s ease}.card-center .center__badges span:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(74,144,226,.2),rgba(124,159,226,.2))}.center-content{display:flex;flex-direction:column;grid-gap:2px;gap:2px;margin-bottom:12px}.center-text{font-size:.9rem;color:#4a5568;letter-spacing:2px;text-transform:uppercase}.center-highlight{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#1e3c72,#2a5298,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.center__badges{display:flex;grid-gap:6px;gap:6px;justify-content:center}.center__badges span{background:linear-gradient(135deg,rgba(74,144,226,.1),rgba(124,159,226,.1));padding:4px 10px;border-radius:30px;font-size:.7rem;color:#4a90e2;font-weight:600;letter-spacing:.2px;white-space:nowrap}@media (max-width:768px){.card-3 .card__tools,.card-4 .card__community{justify-content:flex-start}.card__community span,.card__features span,.card__interactive span,.card__security span,.card__stats span,.card__tools span{white-space:normal}}.card-1 .floating-stars{position:relative;height:70px;width:100%;margin:5px 0 40px}.card-1 .star{position:absolute;background:#4a90e2;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.4;animation:starTwinkle 3s ease-in-out infinite;box-shadow:0 0 10px rgba(74,144,226,.3)}.card-1 .star-1{width:24px;height:24px;top:5px;left:5%;animation-delay:0s}.card-1 .star-2{width:18px;height:18px;top:15px;left:20%;animation-delay:.3s}.card-1 .star-3{width:30px;height:30px;top:0;left:35%;animation-delay:.6s}.card-1 .star-4{width:20px;height:20px;top:10px;left:50%;animation-delay:.9s}.card-1 .star-5{width:26px;height:26px;top:-5px;left:65%;animation-delay:1.2s}.card-1 .star-6{width:16px;height:16px;top:20px;left:75%;animation-delay:1.5s}.card-1 .star-7{width:22px;height:22px;top:5px;left:85%;animation-delay:1.8s}.card-1 .star-8{width:28px;height:28px;top:-8px;left:95%;animation-delay:2.1s}@keyframes starTwinkle{0%,to{transform:scale(1) rotate(0deg);opacity:.3;filter:blur(0)}25%{transform:scale(1.2) rotate(10deg);opacity:.7;filter:blur(1px)}50%{transform:scale(1.4) rotate(20deg);opacity:1;filter:blur(2px)}75%{transform:scale(1.1) rotate(10deg);opacity:.5;filter:blur(1px)}}.card-4 .floating-clouds{position:relative;height:90px;width:100%;border-radius:50px;margin:10px 0 40px}.card-4 .sun{width:50px;height:50px;background:#ffdb7e;right:10%;top:5px;box-shadow:0 0 30px #ffb347,0 0 60px rgba(255,200,100,.3);animation:sunShine 4s ease-in-out infinite;z-index:5}.card-4 .sun,.card-4 .sun:after{position:absolute;border-radius:50%}.card-4 .sun:after{content:"";width:20px;height:20px;background:hsla(0,0%,100%,.6);left:10px;top:10px;filter:blur(2px)}.card-4 .cloud{position:absolute;background:#fff;border-radius:100px;filter:drop-shadow(0 8px 12px rgba(74,144,226,.15));animation:cloudFloat 6s ease-in-out infinite;opacity:.95}.card-4 .cloud-1{width:70px;height:35px;left:5%;top:35px;animation-delay:0s;z-index:3;background:linear-gradient(180deg,#fff,#f5f5f5)}.card-4 .cloud-1:after,.card-4 .cloud-1:before{content:"";position:absolute;background:inherit;border-radius:50%}.card-4 .cloud-1:before{width:40px;height:40px;top:-20px;left:5px}.card-4 .cloud-1:after{width:45px;height:45px;top:-25px;left:25px}.card-4 .cloud-2{width:60px;height:30px;left:25%;top:15px;animation-delay:1s;z-index:4;background:linear-gradient(180deg,#fff,#f8f8f8)}.card-4 .cloud-2:after,.card-4 .cloud-2:before{content:"";position:absolute;background:inherit;border-radius:50%}.card-4 .cloud-2:before{width:35px;height:35px;top:-17px;left:5px}.card-4 .cloud-2:after{width:38px;height:38px;top:-22px;left:20px}.card-4 .cloud-3{width:55px;height:28px;left:45%;top:45px;animation-delay:2s;z-index:2;background:linear-gradient(180deg,#fff,#f8f8f8)}.card-4 .cloud-3:after,.card-4 .cloud-3:before{content:"";position:absolute;background:inherit;border-radius:50%}.card-4 .cloud-3:before{width:32px;height:32px;top:-16px;left:5px}.card-4 .cloud-3:after{width:35px;height:35px;top:-20px;left:18px}.card-4 .cloud-4{width:65px;height:32px;left:65%;top:25px;animation-delay:3s;z-index:3;background:linear-gradient(180deg,#fff,#f5f5f5)}.card-4 .cloud-4:after,.card-4 .cloud-4:before{content:"";position:absolute;background:inherit;border-radius:50%}.card-4 .cloud-4:before{width:38px;height:38px;top:-19px;left:5px}.card-4 .cloud-4:after{width:40px;height:40px;top:-23px;left:22px}.card-4 .cloud-5{width:50px;height:25px;left:85%;top:50px;animation-delay:4s;z-index:2;background:linear-gradient(180deg,#fff,#f8f8f8)}.card-4 .cloud-5:after,.card-4 .cloud-5:before{content:"";position:absolute;background:inherit;border-radius:50%}.card-4 .cloud-5:before{width:30px;height:30px;top:-15px;left:4px}.card-4 .cloud-5:after{width:32px;height:32px;top:-18px;left:16px}@keyframes cloudFloat{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-5px) scale(1.02)}50%{transform:translateY(-8px) scale(1.05)}75%{transform:translateY(-3px) scale(1.02)}}@keyframes sunShine{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 40px #ffb347,0 0 80px rgba(255,200,100,.4)}}@media (max-width:768px){.card-4 .floating-clouds{height:80px}.card-4 .sun{width:40px;height:40px;right:5%}.card-4 .cloud{transform:scale(.8)}.card-4 .cloud-1{left:2%}.card-4 .cloud-2{left:22%}.card-4 .cloud-3{left:42%}.card-4 .cloud-4{left:62%}.card-4 .cloud-5{left:82%}}.post{margin:1rem 0;border:1px solid #3b0062;border-radius:5px;padding:.5rem}.post__meta{font-size:1rem;color:#707070;margin:0}.post__title{font-size:1.5rem;margin:1rem 0;color:#3b0062}.post__image{height:15rem;width:100%}.post__actions{text-align:right}@media (min-width:768px){.post{padding:1rem;width:40rem;margin-left:auto;margin-right:auto}}.input{margin-bottom:1.5rem;width:100%;position:relative}.input label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:#1e3c72;letter-spacing:.3px;text-transform:none}.input input,.input textarea{display:block;font:inherit;padding:1rem 1.2rem;width:100%;border-radius:30px;border:2px solid transparent;background:rgba(74,144,226,.03);font-size:1rem;transition:all .3s cubic-bezier(.2,.9,.3,1.2);border:1px solid rgba(74,144,226,.1);color:#2d3748}.input input:hover,.input textarea:hover{background:rgba(74,144,226,.05);border-color:rgba(74,144,226,.2)}.input input:focus,.input textarea:focus{outline:none;border-color:#4a90e2;background:#fff;box-shadow:0 8px 20px rgba(74,144,226,.15);transform:scale(1.02)}.input input::placeholder,.input textarea::placeholder{color:#a0aec0;font-weight:300}.input input.touched.invalid,.input textarea.touched.invalid{border-color:#ff6b6b;background:hsla(0,100%,71%,.03);animation:shake .3s ease}.input input.touched.invalid:focus,.input textarea.touched.invalid:focus{box-shadow:0 8px 20px hsla(0,100%,71%,.15)}.input textarea{resize:vertical;min-height:120px;line-height:1.6}.input input[type=file]{padding:.8rem;background:transparent;border:none}.input input[type=file]:focus{transform:none;box-shadow:none}.input input.valid,.input textarea.valid{border-color:#51cf66;background:rgba(81,207,102,.03)}.input input.valid:focus,.input textarea.valid:focus{box-shadow:0 8px 20px rgba(81,207,102,.15)}.input__error{color:#ff6b6b;font-size:.8rem;margin-top:.5rem;padding-left:1rem;animation:slideDown .2s ease}.input--with-icon{position:relative}.input--with-icon input{padding-left:3rem}.input__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#a0aec0;transition:color .3s ease}.input:focus-within .input__icon{color:#4a90e2}.input input:disabled,.input textarea:disabled{color:#a0aec0;cursor:not-allowed}.input input:disabled,.input input:disabled:hover,.input textarea:disabled,.input textarea:disabled:hover{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.05)}@media (max-width:768px){.input{margin-bottom:1.2rem}.input input,.input textarea{padding:.9rem 1rem;font-size:.95rem}.input label{font-size:.85rem}}@media (max-width:480px){.input input,.input textarea{padding:.8rem}}@media (prefers-reduced-motion:reduce){.input input,.input textarea{animation:none;transition:none}.input input.touched.invalid{animation:none}}.file-picker{margin-bottom:1.5rem;width:100%}.file-picker__label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:#1e3c72;letter-spacing:.3px}.file-picker__wrapper{position:relative;background:#fff;border-radius:30px;box-shadow:0 10px 30px -10px rgba(0,0,0,.1);transition:all .3s ease}.file-picker__wrapper:hover{box-shadow:0 15px 40px -10px rgba(74,144,226,.2);transform:translateY(-2px)}.file-picker__input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-picker__content{padding:20px;display:flex;flex-direction:column;align-items:center;grid-gap:15px;gap:15px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;border:2px dashed rgba(74,144,226,.2);transition:all .3s ease}.file-picker__input:focus+.file-picker__content{border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,.1)}.file-picker__content:hover{border-color:rgba(74,144,226,.4);background:#fff}.file-picker__preview{position:relative;width:120px;height:120px;border-radius:20px;overflow:hidden;animation:previewAppear .3s ease}@keyframes previewAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.file-picker__preview img{width:100%;height:100%;object-fit:cover}.file-picker__remove{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:#fff;border:none;color:#ff6b6b;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .2s ease}.file-picker__remove:hover{background:#ff6b6b;color:#fff;transform:rotate(90deg)}.file-picker__placeholder{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;padding:20px}.file-picker__placeholder svg{color:#4a90e2;opacity:.5;transition:all .3s ease}.file-picker__placeholder span{color:#718096;font-size:.9rem}.file-picker__content:hover .file-picker__placeholder svg{opacity:1;transform:scale(1.1)}.file-picker__info{display:flex;align-items:center;grid-gap:15px;gap:15px;flex-wrap:wrap;justify-content:center}.file-picker__name{padding:8px 15px;background:rgba(74,144,226,.05);border-radius:30px;color:#1e3c72;font-size:.9rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker__button{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#4a90e2,#7c9fe2);color:#fff;border-radius:40px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;box-shadow:0 10px 20px -5px rgba(74,144,226,.3)}.file-picker__button:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px rgba(74,144,226,.4)}.file-picker__button svg{transition:transform .3s ease}.file-picker__button:hover svg{transform:translateY(-2px)}.file-picker__error{display:flex;align-items:center;grid-gap:5px;gap:5px;margin-top:.5rem;color:#ff6b6b;font-size:.85rem;padding-left:1rem;animation:slideDown .2s ease}.file-picker__error svg{flex-shrink:0}.file-picker__input.invalid+.file-picker__content{border-color:#ff6b6b;background:hsla(0,100%,71%,.02)}@media (max-width:768px){.file-picker__content{padding:15px}.file-picker__preview{width:100px;height:100px}.file-picker__info{flex-direction:column;width:100%}.file-picker__name{max-width:100%;width:100%;text-align:center}.file-picker__button{width:100%;justify-content:center}}@media (max-width:480px){.file-picker__content{padding:10px}.file-picker__preview{width:80px;height:80px}}@media (prefers-reduced-motion:reduce){.file-picker__button,.file-picker__content,.file-picker__placeholder svg,.file-picker__preview,.file-picker__remove,.file-picker__wrapper{animation:none;transition:none}}.image{width:100%;height:100%;background-repeat:no-repeat}.paginator{margin-top:40px;width:100%}.paginator__controls{display:flex;grid-gap:20px;gap:20px;margin-top:30px;padding:10px}.paginator__control,.paginator__controls{justify-content:center;align-items:center}.paginator__control{min-width:120px;padding:12px 25px;border:none;background:#fff;font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;color:#1e3c72;border-radius:40px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.2,.9,.3,1.2);position:relative;overflow:hidden;display:inline-flex;grid-gap:8px;gap:8px;letter-spacing:.3px}.paginator__control:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(74,144,226,.2) 0,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.paginator__control:hover:before{width:200px;height:200px}.paginator__control:hover{background:linear-gradient(135deg,#4a90e2,#7c9fe2);color:#fff;transform:translateY(-3px);box-shadow:0 15px 30px -5px rgba(74,144,226,.4)}.paginator__control:active{transform:translateY(-1px);box-shadow:0 10px 20px -5px rgba(74,144,226,.3)}.paginator__control:first-child{background:#fff;color:#1e3c72}.paginator__control:first-child:hover,.paginator__control:last-child{background:linear-gradient(135deg,#4a90e2,#7c9fe2);color:#fff}.paginator__control:last-child{box-shadow:0 10px 25px -5px rgba(74,144,226,.3)}.paginator__control:last-child:hover{background:linear-gradient(135deg,#5a9ef0,#8cafe8);transform:translateY(-3px);box-shadow:0 15px 30px -5px rgba(74,144,226,.5)}.paginator__control:last-child:active{background:linear-gradient(135deg,#3a80d2,#6c8fd2)}.paginator__control:focus{outline:none;box-shadow:0 0 0 3px rgba(74,144,226,.3)}.paginator__indicator{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:8px 16px;background:#fff;border-radius:30px;color:#1e3c72;font-weight:600;font-size:.95rem;box-shadow:0 5px 15px -5px rgba(0,0,0,.1);border:1px solid rgba(74,144,226,.1)}.paginator__indicator span{background:linear-gradient(135deg,#4a90e2,#7c9fe2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin:0 4px}.paginator__control:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background:#e2e8f0;color:#a0aec0;box-shadow:none}.paginator__control:disabled:hover{transform:none;box-shadow:none}.paginator__control:disabled:after{opacity:.5}@media (max-width:768px){.paginator__controls{flex-direction:column;grid-gap:15px;gap:15px}.paginator__control{width:200px;padding:12px 30px}.paginator__control:first-child{padding-left:40px}.paginator__control:first-child:after{left:25px}.paginator__control:last-child{padding-right:40px}.paginator__control:last-child:after{right:25px}.paginator__indicator{order:-1;margin-bottom:10px}}@media (max-width:480px){.paginator__control{width:180px;padding:10px 20px;font-size:.9rem}.paginator__control:first-child{padding-left:35px}.paginator__control:first-child:after{left:20px}.paginator__control:last-child{padding-right:35px}.paginator__control:last-child:after{right:20px}}@media (prefers-reduced-motion:reduce){.paginator__control,.paginator__control:after,.paginator__control:before{animation:none;transition:none}.paginator__control:hover,.paginator__control:hover:after{transform:none}}@keyframes pageChange{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.paginator>*{animation:pageChange .3s ease}.loader{width:80px;height:80px;margin:0 auto}.loader div{top:33px;width:13px;height:13px;background:linear-gradient(135deg,#4a90e2,#7c9fe2);animation-timing-function:cubic-bezier(0,1,1,0)}.loader div:first-child{left:8px;animation:loader1 .6s infinite;background:linear-gradient(135deg,#4a90e2,#6fa1e2)}.loader div:nth-child(2){left:8px;animation:loader2 .6s infinite;background:linear-gradient(135deg,#6fa1e2,#8cb0e8)}.loader div:nth-child(3){left:32px;animation:loader2 .6s infinite;background:linear-gradient(135deg,#8cb0e8,#a5c0f0)}.loader div:nth-child(4){left:56px;animation:loader3 .6s infinite;background:linear-gradient(135deg,#a5c0f0,#c0d4f8)}@keyframes loader1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes loader2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes loader3{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.loader--small{width:40px;height:40px}.loader--small div{top:16px;width:6px;height:6px}.loader--small .loader div:nth-child(2){left:4px}.loader--small .loader div:nth-child(3){left:16px}.loader--small .loader div:nth-child(4){left:28px}.loader--large{width:120px;height:120px}.loader--large div{top:50px;width:20px;height:20px}.loader--large .loader div:nth-child(2){left:12px}.loader--large .loader div:nth-child(3){left:48px}.loader--large .loader div:nth-child(4){left:84px}@keyframes loader2-large{0%{transform:translate(0)}to{transform:translate(36px)}}.loader--overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;animation:fadeIn .3s ease}.loader--inline{display:inline-flex;margin:0 .5rem}.loader--white div{background:linear-gradient(135deg,#fff,#f0f0f0)}.loader--success div{background:linear-gradient(135deg,#51cf66,#69db7e)}.loader--danger div{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}@media (prefers-reduced-motion:reduce){.loader div{animation:none!important}}.feed__container{max-width:1200px;margin:100px auto 50px;padding:0 30px;position:relative}.feed__header{text-align:center;margin-bottom:50px}.feed__title{font-size:3.5rem;font-weight:800;margin:0 0 10px;background:linear-gradient(135deg,#1e3c72,#2a5298 40%,#4a90e2 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.feed__subtitle{font-size:1.2rem;color:#4a5568;margin:0;opacity:.8}.feed__stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;gap:25px;margin-bottom:40px}.stat-card{background:#fff;border-radius:30px;padding:25px;display:flex;align-items:center;grid-gap:20px;gap:20px;box-shadow:0 20px 40px -15px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.5);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 30px 50px -20px rgba(74,144,226,.3),inset 0 0 0 1px hsla(0,0%,100%,.8)}.stat-icon{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#f0f7ff,#e6f0fa);display:flex;align-items:center;justify-content:center;color:#4a90e2}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:2.2rem;font-weight:700;color:#1e3c72;line-height:1.2}.stat-label{font-size:.9rem;color:#718096;text-transform:uppercase;letter-spacing:.5px}.feed__features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;gap:25px;margin-bottom:40px}.feature-card{background:#fff;border-radius:30px;padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center;grid-gap:15px;gap:15px;box-shadow:0 20px 40px -15px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.5);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 30px 50px -20px rgba(74,144,226,.3),inset 0 0 0 1px hsla(0,0%,100%,.8)}.feature-icon{width:80px;height:80px;border-radius:40px;background:linear-gradient(135deg,#4a90e2,#7c9fe2);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:10px}.feature-content h3{font-size:1.5rem;font-weight:600;color:#1e3c72;margin:0 0 8px}.feature-content p{color:#718096;font-size:.95rem;line-height:1.5;margin:0}.feed__status-card{background:#fff;border-radius:30px;padding:25px;margin-bottom:30px;box-shadow:0 20px 40px -15px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.5)}.status-header{grid-gap:15px;gap:15px;margin-bottom:20px}.status-avatar,.status-header{display:flex;align-items:center}.status-avatar{width:50px;height:50px;border-radius:25px;background:linear-gradient(135deg,#4a90e2,#7c9fe2);justify-content:center;color:#fff}.status-title{font-size:1.2rem;font-weight:600;color:#1e3c72}.status-form{display:flex;grid-gap:15px;gap:15px;align-items:center}.status-form .input{flex:1 1}.status-update-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:12px 25px!important;background:linear-gradient(135deg,#4a90e2,#7c9fe2)!important;color:#fff!important;border:none!important;border-radius:40px!important;font-weight:600!important;transition:all .3s ease!important}.status-update-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(74,144,226,.3)!important}.feed__action{text-align:center;margin-bottom:40px}.new-post-btn{display:inline-flex;align-items:center;grid-gap:15px;gap:15px;padding:18px 45px;background:linear-gradient(135deg,#4a90e2,#7c9fe2);border:none;border-radius:60px;color:#fff;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.2,.9,.3,1.2);box-shadow:0 20px 40px -10px rgba(74,144,226,.4);position:relative;overflow:hidden}.new-post-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);animation:shimmer 3s infinite;transform:rotate(20deg)}.new-post-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 30px 50px -10px rgba(74,144,226,.5)}.new-post-btn:active{transform:translateY(-2px) scale(1.01)}.new-post-btn svg{transition:transform .3s ease}.new-post-btn:hover svg{transform:rotate(90deg)}.feed__posts{margin-top:30px}.posts-grid{display:grid;grid-gap:30px;gap:30px;grid-template-columns:1fr}.post{background:#fff;border-radius:40px;padding:35px;transition:all .4s cubic-bezier(.2,.9,.3,1.2);box-shadow:0 20px 40px -15px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.5);position:relative;overflow:hidden}.post:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4a90e2,#7c9fe2,#a5c0f0,#7c9fe2,#4a90e2);background-size:200% 100%;animation:gradientShift 4s linear infinite;opacity:0;transition:opacity .3s ease}.post:hover:before{opacity:1}.post:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle at top right,rgba(74,144,226,.1),transparent 70%);border-radius:50%;pointer-events:none}.post:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 40px 60px -20px rgba(74,144,226,.3),inset 0 0 0 1px hsla(0,0%,100%,.8)}.post__header{margin-bottom:25px;position:relative}.post__meta{font-size:.95rem;color:#718096;display:flex;grid-gap:20px;gap:20px;margin-bottom:15px;background:rgba(74,144,226,.05);padding:8px 16px;border-radius:30px;width:-moz-fit-content;width:fit-content}.post__title{font-size:2rem;font-weight:700;color:#1e3c72;margin:0;line-height:1.3;position:relative;display:inline-block}.post__title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#4a90e2,#7c9fe2);border-radius:2px;transition:width .3s ease}.post:hover .post__title:after{width:100px}.post__image{margin:25px 0;border-radius:30px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 15px 30px -10px rgba(0,0,0,.15)}.post__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.post:hover .post__image img{transform:scale(1.05)}.post__content{font-size:1.1rem;line-height:1.7;color:#2d3748;margin:20px 0;padding:20px 0;border-top:1px solid rgba(74,144,226,.1);border-bottom:1px solid rgba(74,144,226,.1)}.post__actions{display:flex;grid-gap:12px;gap:12px;margin-top:25px}.feed__loader{display:flex;justify-content:center;align-items:center;min-height:200px}.loader div{width:12px;height:12px;animation:loader 1.2s ease-in-out infinite}.loader div:first-child{animation-delay:-.4s}.loader div:nth-child(2){animation-delay:-.2s}.feed__empty{text-align:center;padding:80px 20px;background:#fff;border-radius:50px;box-shadow:0 20px 40px -15px rgba(0,0,0,.1)}.empty-illustration{margin-bottom:30px;color:#4a90e2;opacity:.3}.feed__empty h3{font-size:2rem;color:#1e3c72;margin:0 0 10px}.feed__empty p{color:#718096;font-size:1.1rem;margin:0 0 30px}.empty-create-btn{display:inline-flex;align-items:center;grid-gap:10px;gap:10px;padding:15px 35px;background:linear-gradient(135deg,#4a90e2,#7c9fe2);border:none;border-radius:40px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.empty-create-btn:hover{transform:translateY(-3px);box-shadow:0 20px 30px -5px rgba(74,144,226,.4)}@media (max-width:768px){.feed__container{margin:80px auto 30px;padding:0 20px}.feed__title{font-size:2.5rem}.feed__features,.feed__stats{grid-template-columns:1fr;grid-gap:15px;gap:15px}.status-form{flex-direction:column}.status-form .button{width:100%}.new-post-btn{width:100%;justify-content:center}.post{padding:25px}.post__title{font-size:1.6rem}}@media (max-width:480px){.feed__title{font-size:2rem}.feed__subtitle{font-size:1rem}.stat-card{padding:20px}.stat-value{font-size:1.8rem}.post__meta{grid-gap:5px;gap:5px}.post__actions,.post__meta{flex-direction:column}.post__actions .button{width:100%;text-align:center}}@media (prefers-reduced-motion:reduce){.empty-create-btn,.feature-card,.new-post-btn,.post,.post:before,.stat-card{animation:none;transition:none}.post:hover{transform:none}}.back-btn{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 20px;background:hsla(0,0%,100%,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;color:#1e3c72;text-decoration:none;font-weight:500;font-size:.95rem;border:1px solid hsla(0,0%,100%,.8);transition:all .3s ease}.back-btn:hover{background:#fff;transform:translateX(-5px);box-shadow:0 10px 25px rgba(74,144,226,.15)}.single-post{margin:20px auto 50px}.single-post__header{margin-bottom:30px}.single-post__meta{display:flex;grid-gap:15px;gap:15px;margin-bottom:20px;flex-wrap:wrap}.single-post__author,.single-post__date{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:6px 16px;background:hsla(0,0%,100%,.6);border-radius:30px;font-size:.95rem;color:#1e3c72;border:1px solid hsla(0,0%,100%,.8)}.single-post__title{font-size:3.2rem;font-weight:700;color:#1e3c72;margin:0;line-height:1.2;letter-spacing:-.02em}.single-post__image-wrapper{position:relative;margin:30px 0;border-radius:30px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 15px 30px -10px rgba(0,0,0,.1)}.single-post__image{width:100%;height:100%}.single-post__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.single-post__image-wrapper:hover .single-post__image img{transform:scale(1.03)}.single-post__image-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(74,144,226,.1),transparent 70%);pointer-events:none;opacity:.5}.single-post__content-wrapper{position:relative;margin:40px 0;padding:30px;background:hsla(0,0%,100%,.5);border-radius:30px}.single-post__content-quote{position:absolute;top:-15px;left:30px;width:40px;height:40px;background:linear-gradient(135deg,#4a90e2,#7c9fe2);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(74,144,226,.2)}.single-post__content-quote:before{content:'"';color:#fff;font-size:1.8rem;line-height:1}.single-post__content{font-size:1.2rem;line-height:1.8;color:#2d3748;margin:0;white-space:pre-wrap}.single-post__actions{display:flex;grid-gap:15px;gap:15px;justify-content:center;margin:30px 0}.action-btn{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:12px 30px;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px;cursor:pointer;font-size:1rem;font-weight:600;color:#1e3c72;transition:all .3s ease;border:1px solid #4a90e2}.action-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 25px rgba(74,144,226,.15)}.action-btn.liked{background:#ff6b6b;color:#fff;border-color:transparent}.action-btn.bookmarked{color:#4a90e2}.single-post__author-bio{display:flex;align-items:center;grid-gap:20px;gap:20px;padding:20px;background:hsla(0,0%,100%,.6);border-radius:30px;margin:30px 0}.author-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#7c9fe2);display:flex;align-items:center;justify-content:center;color:#fff}.author-info h4{font-size:1.2rem;font-weight:600;color:#1e3c72;margin:0 0 5px}.author-info p{color:#4a5568;margin:0;font-size:.95rem;line-height:1.5}.single-post__footer{margin-top:30px;padding-top:20px;border-top:1px solid rgba(74,144,226,.2)}.single-post__share{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;grid-gap:15px;gap:15px}.single-post__share span{font-size:1rem;font-weight:500;color:#1e3c72}.share-btn{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:10px 25px;border:none;background:linear-gradient(135deg,#4a90e2,#7c9fe2);border-radius:40px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.3)}.share-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(74,144,226,.2)}.single-post__loader{display:flex;justify-content:center;align-items:center;min-height:60vh}.loader{display:inline-block;position:relative;width:60px;height:60px}.loader div{position:absolute;width:10px;height:10px;border-radius:50%;background:#4a90e2;animation:loader 1s ease-in-out infinite}.loader div:first-child{left:0;animation-delay:-.3s}.loader div:nth-child(2){left:20px;animation-delay:-.15s}.loader div:nth-child(3){left:40px;animation-delay:0}@keyframes loader{0%,to{transform:scale(.5);opacity:.5}50%{transform:scale(1);opacity:1}}@media (max-width:768px){.single-post__nav{margin:80px 15px 0}.single-post{margin:15px;padding:25px;border-radius:30px}.single-post__title{font-size:2.2rem}.single-post__content{font-size:1.1rem}.single-post__actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.single-post__author-bio,.single-post__share{flex-direction:column;text-align:center}.single-post__share{align-items:stretch}}@media (max-width:480px){.single-post{padding:20px}.single-post__title{font-size:1.8rem}.single-post__meta{flex-direction:column;grid-gap:8px;gap:8px}.single-post__author,.single-post__date{width:-moz-fit-content;width:fit-content}.single-post__content-wrapper{padding:20px}.single-post__content-quote{left:20px}}.single-post{margin:90px auto 50px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:40px;padding:40px;box-shadow:0 25px 50px -12px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.9);z-index:1}.single-post,.single-post__nav{position:relative;max-width:1000px}.single-post__nav{margin:90px auto 0;padding:0 20px;z-index:2}.single-post__background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#f8fafd,#f0f5fe)}.auth-form{position:relative;width:90%;margin:2rem auto;padding:2.5rem;background:hsla(0,0%,100%,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:40px;box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 10px 20px -5px rgba(74,144,226,.1),inset 0 1px 2px hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.8);overflow:hidden;animation:authAppear .6s ease-out}@keyframes authAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form__glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(74,144,226,.05) 0,transparent 50%);pointer-events:none}.auth-form__content{position:relative;z-index:2;display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.auth-form__particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.auth-form__particles span{position:absolute;width:4px;height:4px;background:#4a90e2;border-radius:50%;opacity:.15;animation:particleDrift 8s ease-in-out infinite}.auth-form__particles span:first-child{top:15%;left:10%;animation-delay:0s;width:6px;height:6px}.auth-form__particles span:nth-child(2){top:70%;left:20%;animation-delay:1s;width:5px;height:5px}.auth-form__particles span:nth-child(3){top:30%;right:15%;animation-delay:2s;width:7px;height:7px}.auth-form__particles span:nth-child(4){bottom:20%;right:25%;animation-delay:3s;width:4px;height:4px}.auth-form__particles span:nth-child(5){top:80%;left:70%;animation-delay:4s;width:5px;height:5px}.auth-form__particles span:nth-child(6){top:40%;left:40%;animation-delay:5s;width:6px;height:6px}.auth-form__particles span:nth-child(7){top:60%;right:40%;animation-delay:6s;width:4px;height:4px}.auth-form__particles span:nth-child(8){bottom:10%;left:80%;animation-delay:7s;width:5px;height:5px}@keyframes particleDrift{0%,to{transform:translate(0);opacity:.1}25%{transform:translate(5px,-8px);opacity:.2}50%{transform:translate(10px,-12px);opacity:.15}75%{transform:translate(3px,-5px);opacity:.2}}.auth-form h2{font-size:2.2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#1e3c72,#2a5298,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;letter-spacing:-.02em}.auth-form p{color:#4a5568;text-align:center;margin:.5rem 0 1rem;font-size:1rem}.auth-form .input{margin-bottom:1.2rem}.auth-form .input input{width:100%;padding:1rem 1.2rem;border:none;border-radius:30px;background:hsla(0,0%,100%,.9);font-size:1rem;transition:all .2s ease;border:1px solid rgba(74,144,226,.1);box-shadow:0 4px 10px rgba(0,0,0,.02)}.auth-form .input input:focus{outline:none;border-color:#4a90e2;background:#fff;box-shadow:0 8px 20px rgba(74,144,226,.1)}.auth-form .input input::placeholder{color:#a0aec0}.auth-form .button{width:100%;padding:1rem;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin:.5rem 0;background:linear-gradient(135deg,#4a90e2,#7c9fe2);color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 20px -5px rgba(74,144,226,.3)}.auth-form .button:before{content:"";position:absolute;top:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px);background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,transparent 70%);animation:buttonParticles 4s ease-in-out infinite;pointer-events:none}@keyframes buttonParticles{0%{transform:translate(0) scale(1);opacity:0}25%{transform:translate(10px,-10px) scale(1.1);opacity:.3}50%{transform:translate(-5px,5px) scale(1.2);opacity:.2}75%{transform:translate(5px,-5px) scale(1.1);opacity:.3}to{transform:translate(0) scale(1);opacity:0}}.auth-form .button:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px rgba(74,144,226,.4)}.auth-form .button:active{transform:translateY(0)}.auth-form .button--flat{background:transparent;color:#4a90e2;border:1px solid rgba(74,144,226,.2);box-shadow:none}.auth-form .button--flat:before{display:none}.auth-form .button--flat:hover{background:rgba(74,144,226,.05);border-color:rgba(74,144,226,.4);transform:translateY(-1px)}.auth-form .auth-link{color:#4a90e2;text-decoration:none;font-weight:500;transition:color .2s ease;position:relative}.auth-form .auth-link:hover{color:#1e3c72}.auth-form .divider{display:flex;align-items:center;text-align:center;color:#a0aec0;font-size:.9rem;margin:1rem 0}.auth-form .divider:after,.auth-form .divider:before{content:"";flex:1 1;border-bottom:1px solid rgba(74,144,226,.1)}.auth-form .divider span{margin:0 1rem}@media (min-width:768px){.auth-form{width:450px;padding:3rem}}@media (max-width:480px){.auth-form{padding:2rem 1.5rem;margin:1rem auto}.auth-form h2{font-size:1.8rem}}.auth-form .error-message{color:#ff6b6b;font-size:.9rem;margin:.5rem 0;padding:.5rem 1rem;background:hsla(0,100%,71%,.05);border-radius:30px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}@media (prefers-reduced-motion:reduce){.auth-form,.auth-form .button:before,.auth-form__particles span{animation:none;transition:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e9f0f9 50%,#f0f4fd);min-height:100vh;color:#1a2639;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,hsla(0,0%,100%,.9) 0,rgba(240,248,255,.6) 30%,rgba(230,242,255,.3) 60%,transparent 80%);pointer-events:none;z-index:-1;animation:subtleFloat 20s ease-in-out infinite}@keyframes subtleFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-2%,-1%) scale(1.02)}66%{transform:translate(2%,1%) scale(.98)}}.app-content{max-width:1200px;margin:2rem auto;padding:0 2rem;animation:fadeInUp .8s cubic-bezier(.2,.9,.3,1) forwards;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.Layout{position:relative;min-height:100vh}.Toolbar{background:hsla(0,0%,100%,.7);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border-bottom:1px solid hsla(0,0%,100%,.5);box-shadow:0 4px 20px rgba(0,0,0,.03),0 2px 6px rgba(0,100,200,.05),inset 0 1px 0 hsla(0,0%,100%,.9);position:sticky;top:0;z-index:100;animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.MainNavigation{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.MainNavigation nav a{color:#2c3e50;text-decoration:none;font-weight:500;padding:.5rem 1.2rem;margin:0 .2rem;border-radius:40px;background:transparent;transition:all .3s cubic-bezier(.2,.9,.4,1);position:relative;letter-spacing:.3px}.MainNavigation nav a:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:80%;height:2px;background:linear-gradient(90deg,transparent,#4a90e2,#7c9fe2,transparent);transition:transform .3s ease}.MainNavigation nav a:hover{color:#1e3c72;background:hsla(0,0%,100%,.8);box-shadow:0 4px 12px rgba(74,144,226,.2),0 2px 4px rgba(0,0,0,.02);transform:translateY(-2px)}.MainNavigation nav a:hover:before{transform:translateX(-50%) scaleX(1)}.MainNavigation nav a:active{transform:translateY(0)}.MainNavigation button{background:linear-gradient(135deg,#fff,#f8faff);border:1px solid rgba(74,144,226,.2);padding:.6rem 1.5rem;border-radius:40px;font-weight:600;color:#2c3e50;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.03),inset 0 2px 4px hsla(0,0%,100%,.8),inset 0 -1px 3px rgba(0,0,0,.02);transition:all .3s ease;font-size:.95rem;letter-spacing:.3px}.MainNavigation button:hover{background:linear-gradient(135deg,#f8faff,#fff);box-shadow:0 8px 20px rgba(74,144,226,.15),inset 0 2px 6px hsla(0,0%,100%,.9);border-color:rgba(74,144,226,.4);transform:translateY(-2px)}.Backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.ErrorHandler{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid #ff6b6b;border-radius:16px;padding:1rem 1.5rem;margin:1rem auto;max-width:600px;box-shadow:0 10px 30px hsla(0,100%,71%,.15),0 4px 10px rgba(0,0,0,.02);animation:slideInError .4s cubic-bezier(.2,.9,.3,1.2);display:flex;justify-content:space-between;align-items:center}@keyframes slideInError{0%{opacity:0;transform:translateX(-20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.ErrorHandler button{background:transparent;border:none;font-size:1.5rem;color:#ff6b6b;cursor:pointer;padding:0 .5rem;transition:transform .2s ease;line-height:1}.ErrorHandler button:hover{transform:scale(1.2) rotate(90deg)}.LoginPage,.SignupPage{max-width:450px;margin:3rem auto;background:hsla(0,0%,100%,.6);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:32px;padding:2.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.1),0 4px 18px rgba(74,144,226,.1),inset 0 1px 2px hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.7);animation:scaleIn .5s cubic-bezier(.2,.9,.3,1.1);position:relative;overflow:hidden}.LoginPage:before,.SignupPage:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.4) 0,transparent 50%);animation:rotateGradient 15s linear infinite;z-index:-1}@keyframes rotateGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.LoginPage h1,.SignupPage h1{font-size:2.5rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,#1e3c72,#2a5298);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;letter-spacing:-.5px}.LoginPage form,.SignupPage form{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.LoginPage input,.SignupPage input{padding:1rem 1.2rem;border:2px solid transparent;border-radius:20px;background:hsla(0,0%,100%,.8);font-size:1rem;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.02),inset 0 1px 4px rgba(0,0,0,.02)}.LoginPage input:focus,.SignupPage input:focus{outline:none;border-color:#4a90e2;background:#fff;box-shadow:0 8px 20px rgba(74,144,226,.15),inset 0 1px 4px rgba(74,144,226,.1);transform:scale(1.02)}.LoginPage button,.SignupPage button{background:linear-gradient(135deg,#4a90e2,#7c9fe2);color:#fff;border:none;padding:1rem;border-radius:40px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 10px 20px -8px rgba(74,144,226,.4),inset 0 2px 4px hsla(0,0%,100%,.3);transition:all .3s cubic-bezier(.2,.9,.4,1);position:relative;overflow:hidden}.LoginPage button:after,.SignupPage button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);opacity:0;transition:opacity .3s ease}.LoginPage button:hover,.SignupPage button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 30px -10px rgba(74,144,226,.5),inset 0 4px 8px hsla(0,0%,100%,.4)}.LoginPage button:hover:after,.SignupPage button:hover:after{opacity:1;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-30%,-30%) rotate(0deg)}to{transform:translate(30%,30%) rotate(20deg)}}.LoginPage button:active,.SignupPage button:active{transform:translateY(0) scale(.98)}.FeedPage{animation:fadeInUp .6s ease}.FeedPage h1{font-size:2.2rem;font-weight:600;margin-bottom:2rem;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.FeedPage h1:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#4a90e2,#7c9fe2,transparent);border-radius:2px}.Post{background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:28px;padding:1.8rem;margin-bottom:1.8rem;box-shadow:0 15px 35px -10px rgba(0,0,0,.05),0 4px 12px rgba(74,144,226,.05),inset 0 1px 2px hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.6);transition:all .4s cubic-bezier(.2,.9,.3,1);animation:fadeInScale .5s ease;position:relative;overflow:hidden}.Post:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4a90e2,#7c9fe2,#a5c0f0,#7c9fe2,#4a90e2);background-size:200% 100%;animation:gradientShift 3s linear infinite}@keyframes gradientShift{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.Post:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 30px 45px -15px rgba(74,144,226,.2),0 8px 20px rgba(0,0,0,.02),inset 0 1px 4px hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.85)}.Post h2{font-size:1.8rem;margin-bottom:1rem;color:#1e3c72;font-weight:600;letter-spacing:-.3px}.Post p{color:#2c3e50;line-height:1.8;font-size:1.05rem}.Post-meta,.Post p{margin-bottom:1.2rem}.Post-meta{display:flex;grid-gap:1rem;gap:1rem;color:#7c8db0;font-size:.95rem;padding-bottom:1rem;border-bottom:1px dashed rgba(124,141,176,.2)}.SinglePostPage{max-width:800px;margin:2rem auto;background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:40px;padding:3rem;box-shadow:0 30px 60px -20px rgba(0,0,0,.1),0 8px 20px rgba(74,144,226,.1),inset 0 1px 3px hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.7);animation:slideUpScale .6s cubic-bezier(.2,.9,.3,1.1)}@keyframes slideUpScale{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.SinglePostPage h1{font-size:2.8rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.SinglePostPage .author{color:#4a90e2;font-weight:500;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(74,144,226,.2);display:inline-block}.SinglePostPage .content{font-size:1.2rem;line-height:1.9;color:#1e293b;white-space:pre-wrap}.MobileNavigation{position:fixed;top:0;left:0;width:280px;height:100vh;background:hsla(0,0%,100%,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:200;padding:2rem;box-shadow:10px 0 30px rgba(0,0,0,.05);border-right:1px solid hsla(0,0%,100%,.8);animation:slideIn .4s cubic-bezier(.2,.9,.3,1)}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.MobileNavigation nav{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;margin-top:2rem}.MobileNavigation a{padding:.8rem 1.2rem;border-radius:16px;color:#1e3c72;text-decoration:none;font-weight:500;transition:all .3s ease;background:hsla(0,0%,100%,.5)}.MobileNavigation a:hover{background:#fff;box-shadow:0 4px 12px rgba(74,144,226,.1);transform:translateX(5px)}.Loader{display:inline-block;width:40px;height:40px;border-radius:50%;border:3px solid rgba(74,144,226,.1);border-top-color:#4a90e2;animation:spin .8s cubic-bezier(.6,.2,.4,.8) infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.app-content{padding:0 1rem;margin:1rem auto}.LoginPage,.SignupPage{margin:1rem;padding:1.5rem}.LoginPage h1,.SignupPage h1{font-size:2rem}.Post{padding:1.2rem}.Post h2{font-size:1.5rem}.SinglePostPage{padding:1.5rem;margin:1rem}.SinglePostPage h1{font-size:2rem}}html{scroll-behavior:smooth}::selection{background:rgba(74,144,226,.2);color:#1e3c72}
/*# sourceMappingURL=main.8903f35f.chunk.css.map */