.nav-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#161617cc;border-bottom:1px solid #ffffff1a;gap:2rem;left:0;padding:.75rem 2rem;position:fixed;right:0;top:0;z-index:1000}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#6c63ff1a,#8b84ff0d);border:1px solid #ffffff1a;border-radius:12px;color:#fff;flex-shrink:0;font-size:1.25rem;font-weight:700;gap:.75rem;padding:.5rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-logo:hover{background:linear-gradient(135deg,#6c63ff26,#8b84ff1a);border-color:#fff3;box-shadow:0 8px 20px -6px #6c63ff80,0 0 15px #6c63ff4d;transform:translateY(-2px)}.logo-icon{border-radius:10px;font-size:1.5rem}.logo-icon,.logo-icon:before{background:linear-gradient(135deg,#6c63ff,#8b84ff)}.logo-icon:before{border-radius:12px;content:"";filter:blur(8px);inset:-2px;opacity:.5;position:absolute;transition:opacity .3s ease}.logo-icon i{animation:spinIcon 6s linear infinite;position:relative;z-index:1}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;letter-spacing:-.5px}@keyframes spinIcon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-logo:hover .logo-icon:before{filter:blur(12px);opacity:.8}.nav-links{align-items:center;gap:2.5rem}.nav-item{align-items:center;border-radius:8px;color:#fffc;display:flex;font-size:1rem;gap:.5rem;overflow:hidden;padding:.5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-item i{font-size:1.2rem}.nav-item:hover{background:#6c63ff26;box-shadow:0 4px 12px #6c63ff33;color:#fff;transform:translateY(-1px)}.nav-item:hover i{transform:scale(1.1)}.nav-item.active{background:#6c63ff33;border:1px solid #6c63ff66;box-shadow:0 4px 15px #6c63ff40;color:#fff}@media screen and (max-width:768px){.nav-container{padding:.5rem 1rem}.nav-logo{font-size:1.1rem;padding:.4rem}.logo-icon{height:32px;width:32px}.logo-icon i{font-size:1rem}.nav-links{gap:1.5rem}.nav-item{font-size:.9rem;padding:.4rem .6rem}.nav-item i{font-size:1rem}.nav-auth{gap:.75rem}}@media screen and (max-width:480px){.nav-container{padding:.5rem .75rem}.nav-logo{font-size:1rem;padding:.3rem}.logo-icon{height:28px;width:28px}.logo-icon i{font-size:.9rem}.nav-links{gap:1rem}.nav-item{font-size:.85rem;padding:.3rem .5rem}.nav-item i{font-size:.9rem}.nav-auth{gap:.5rem}}.nav-auth{gap:1rem;margin-left:auto}.auth-button,.nav-auth{align-items:center;display:flex}.auth-button{border-radius:50%;font-size:1.1rem;font-weight:600;height:42px;justify-content:center;overflow:hidden;padding:0;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.btn-login{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-login:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #fff3;transform:translateY(-2px)}.btn-register{background:linear-gradient(135deg,#6c63ff,#8b84ff);border:none;box-shadow:0 4px 15px #6c63ff4d;color:#fff}.btn-register:hover{background:linear-gradient(135deg,#8b84ff,#6c63ff);box-shadow:0 6px 20px #6c63ff66;transform:translateY(-2px)}.auth-button:after,.nav-item:after{background:radial-gradient(circle,#ffffff4d 0,#0000 60%);content:"";height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease-out,opacity .3s ease-out;width:100%}.auth-button:active:after,.nav-item:active:after{opacity:1;transform:translate(-50%,-50%) scale(2);transition:0s}.floating-header{left:50%;max-width:1200px;position:fixed;top:var(--spacing-md);transform:translateX(-50%);width:90%;z-index:var(--z-overlay)}.glass-nav{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl)}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;color:var(--text-color);font-family:var(--font-display);font-size:1.5rem;margin:0}.desktop-nav{display:flex;gap:var(--spacing-lg)}.nav-end{align-items:center;display:flex;gap:var(--spacing-md)}.auth-buttons{gap:.75rem}.btn{border-radius:12px;font-weight:500;gap:.5rem;padding:.5rem .75rem;white-space:nowrap}.btn,.btn i{font-size:.875rem}.btn-secondary:hover{background:#fff3}.btn-primary{background:var(--primary-color)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.user-menu{align-items:center;background:#ffffff1a;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-normal)}.user-menu:hover{background:#fff3}.user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.user-name{color:var(--text-color);font-weight:500}.mobile-menu-btn{background:none;display:none;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:24px}.mobile-menu-btn span{background-color:var(--text-color);height:2px;transition:var(--transition-normal);width:100%}.mobile-nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#6c63ff26;display:block;height:calc(100vh - 60px);opacity:0;overflow-y:auto;transform:translateX(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1000}.mobile-nav.active{opacity:1;transform:translateX(0);visibility:visible}.nav-links.mobile{display:flex;gap:.75rem;padding:.5rem}.nav-links.mobile .nav-item{background:#ffffff14;border-radius:12px;margin-bottom:.5rem;width:100%}.nav-links.mobile .dropdown-trigger span,.nav-links.mobile a{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all .3s ease}.nav-links.mobile .dropdown-trigger{cursor:pointer;width:100%}.nav-links.mobile .dropdown-menu{background:#ffffff0a;border-left:2px solid #fff3;border-radius:8px;height:0;margin:0 .75rem .75rem;opacity:1;overflow:hidden;padding:.5rem;position:static;transform:none;transition:height .3s ease;visibility:visible}.nav-links.mobile .dropdown-menu.show{height:auto}.nav-links.mobile .dropdown-menu a{border-radius:6px;color:#ffffffe6;font-size:.95rem;margin:.25rem 0;padding:.875rem 1rem}.nav-links.mobile .dropdown-menu a:hover{background:#ffffff1a;color:#fff}.mobile-menu-btn,.nav-links.mobile .dropdown-trigger:hover span,.nav-links.mobile a:hover{background:#ffffff1a}.mobile-menu-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:.5rem;transition:all .3s ease;width:32px}.mobile-menu-btn:hover{background:#fff3}.mobile-menu-btn i{font-size:1.1rem;transition:transform .3s ease}.mobile-menu-btn.active i{transform:rotate(90deg)}@media screen and (max-width:768px){.floating-header{padding:0;top:0;width:100%}.glass-nav{border-left:none;border-radius:0;border-right:none;border-top:none;padding:.5rem 1rem}.logo-container{transform:scale(.9)}.btn span,.desktop-nav{display:none}.btn{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;padding:0;width:32px}.btn i{font-size:1rem}.auth-buttons{gap:.5rem}.mobile-menu-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:.5rem;width:32px}.mobile-menu-btn i{font-size:1.1rem;transition:transform .3s ease}.mobile-menu-btn.active i{transform:rotate(90deg)}.mobile-nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border-top:1px solid #ffffff1a;display:block;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.mobile-nav.active{opacity:1;transform:translateY(0);visibility:visible}.nav-links.mobile{flex-direction:column;gap:.75rem}.nav-links.mobile .nav-item{width:100%}.nav-links.mobile .dropdown-trigger span,.nav-links.mobile a{color:#ffffffe6;display:block;font-size:1rem;padding:.75rem}.nav-links.mobile .dropdown-menu{background:#ffffff0d;border-left:2px solid var(--primary-color);margin-top:.5rem;padding:.5rem;position:static}.nav-links.mobile .dropdown-menu a{padding:.5rem .75rem}}@media screen and (max-width:480px){.glass-nav{padding:.5rem}.btn{height:28px;width:28px}.btn i{font-size:.875rem}.mobile-menu-btn{height:28px;width:28px}.mobile-menu-btn i{font-size:1rem}.mobile-nav{padding:.75rem}.nav-links.mobile{gap:.5rem}.nav-links.mobile .dropdown-trigger span,.nav-links.mobile a{font-size:.95rem;padding:.875rem 1rem}.nav-links.mobile .dropdown-menu{margin:0 .5rem .5rem}.nav-links.mobile .dropdown-menu a{font-size:.9rem;padding:.75rem .875rem}}@media screen and (max-width:360px){.logo h1{font-size:1.25rem}.nav-links.mobile .dropdown-trigger span,.nav-links.mobile a{font-size:.9375rem}.mobile-nav{padding:.5rem}.nav-links.mobile .dropdown-trigger span,.nav-links.mobile a{font-size:.9rem;padding:.75rem .875rem}.nav-links.mobile .dropdown-menu{margin:0 .375rem .375rem}.nav-links.mobile .dropdown-menu a{font-size:.85rem;padding:.625rem .75rem}}.nav-links{display:flex;gap:var(--spacing-lg)}.nav-links a{color:var(--text-secondary);font-weight:500;position:relative;text-decoration:none;transition:var(--transition-normal)}.nav-links a.active,.nav-links a:hover{color:var(--text-color)}.nav-links a.active:after{background:linear-gradient(135deg,var(--primary-color),#0000);bottom:-4px;content:"";height:2px;left:0;position:absolute;width:100%}.nav-links.mobile{flex-direction:column;gap:var(--spacing-md)}.nav-links.mobile a{font-size:1.1rem;padding:var(--spacing-sm) 0}.logo-container{gap:var(--spacing-sm)}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{animation:logoFloat 3s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-color),#8b84ff);border-radius:12px;height:40px;justify-content:center;position:relative;width:40px}.logo-icon i{color:#fff;font-size:1.25rem;position:absolute;transition:var(--transition-normal)}.logo-icon i:first-child{opacity:.9;transform:scale(1.2)}.logo-icon i:last-child{opacity:.6;transform:scale(.8)}.logo:hover .logo-icon i:first-child{transform:scale(1.4) rotate(180deg)}.logo:hover .logo-icon i:last-child{transform:scale(1) rotate(-180deg)}.nav-item{position:relative}.nav-item .dropdown-trigger{align-items:center;color:#fffc;cursor:pointer;display:flex;gap:.25rem;padding:.5rem 1rem;transition:color .2s ease}.nav-item .dropdown-trigger:hover{color:#fff}.dropdown-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#161617f2;border-bottom:1px solid #ffffff1a;left:0;opacity:0;padding:2rem 0;pointer-events:none;position:fixed;right:0;top:60px;transform:translateY(-10px);transition:all .4s cubic-bezier(.16,1,.3,1);visibility:hidden;z-index:999}.dropdown-menu:hover,.nav-item:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.dropdown-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:980px;padding:0 2rem}.dropdown-section{display:flex;flex-direction:column;gap:1rem}.dropdown-section-title{color:#fffc;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.dropdown-menu a{align-items:center;animation:fadeInUp .4s ease forwards;color:#fffc;display:flex;font-size:1rem;gap:.5rem;opacity:0;padding:.5rem 0;text-decoration:none;transform:translateY(10px);transition:color .2s ease}.dropdown-menu a:hover{color:#fff}.dropdown-menu a i{font-size:1.1em;opacity:.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu a:first-child{animation-delay:.1s}.dropdown-menu a:nth-child(2){animation-delay:.15s}.dropdown-menu a:nth-child(3){animation-delay:.2s}.dropdown-menu a:nth-child(4){animation-delay:.25s}.dropdown-menu a:nth-child(5){animation-delay:.3s}@media screen and (max-width:768px){.dropdown-menu{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;padding:0;pointer-events:auto;position:static}.nav-item:hover .dropdown-menu{transform:none}.dropdown-content{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.dropdown-section{border-left:2px solid #ffffff1a;margin:.5rem 0;padding-left:1rem}.dropdown-section-title{color:#fff9;margin-bottom:.25rem}.dropdown-menu a{font-size:.95rem;padding:.75rem 0}}.text-danger{color:var(--danger-color)!important}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media screen and (max-width:768px){.logo-icon{height:32px;width:32px}.logo-icon i{font-size:1rem}.dropdown-menu{border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;left:0;position:fixed;right:0;top:auto;transform:translateY(100%)}.dropdown-menu.active{transform:translateY(0)}}@media screen and (max-width:360px){.logo-container h1{font-size:1.25rem}.btn{padding:.35rem .5rem}.btn,.btn i{font-size:.75rem}}@supports (padding:max(0px)){.floating-header{padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));padding-top:max(.5rem,env(safe-area-inset-top))}}.footer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border-top:1px solid #ffffff1a;padding:3rem 0 1.5rem}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1.5fr 2fr;margin-bottom:2rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{display:inline-block;margin-bottom:var(--spacing-md);text-decoration:none}.footer-logo h2{color:#fff;font-size:1.8rem;margin:0}.footer-description{color:#fffc;font-size:.95rem;line-height:1.6}.social-links{display:flex;gap:1rem}.social-link{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.social-link:hover{background:var(--primary-color);transform:translateY(-3px)}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.footer-section h3{color:#fff;font-size:1.1rem;margin-bottom:1.2rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.8rem}.footer-section ul li a{color:#fffc;font-size:.9rem;text-decoration:none;transition:all .3s ease}.footer-section ul li a:hover{color:#fff;transform:translateX(5px)}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:1.5rem}.footer-bottom,.footer-info{align-items:center;display:flex}.footer-info{gap:2rem}.footer-info p{color:#fffc;font-size:.9rem;margin:0}.footer-badges{display:flex;gap:1rem}.badge{align-items:center;background:#ffffff1a;border-radius:20px;color:#fff;display:flex;font-size:.8rem;gap:.5rem;padding:.5rem 1rem}.footer-app-links{display:flex;gap:1rem}.app-link{align-items:center;background:#ffffff1a;border-radius:20px;color:#fff;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.app-link:hover{background:#fff3}@media screen and (max-width:768px){.footer{padding:2rem 0 1rem}.footer-content{gap:2rem;grid-template-columns:1fr;margin-bottom:1.5rem}.footer-brand{gap:1rem;text-align:center}.social-links{justify-content:center}.footer-links{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.footer-section{text-align:left}.footer-section h3{font-size:1rem;margin-bottom:.8rem}.footer-section ul li{margin-bottom:.5rem}.footer-bottom{padding-top:1rem;text-align:center}.footer-bottom,.footer-info{flex-direction:column;gap:1rem}.footer-app-links,.footer-badges{flex-wrap:wrap;justify-content:center}}@media screen and (max-width:480px){.tagline-text{font-size:1.5rem}.free-badge{font-size:.8rem;padding:.3rem .6rem}.footer-description{font-size:.95rem}}.hero-animation{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.floating-elements{height:100%;position:relative;width:100%}.skill-icon{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass-bg);border-radius:16px;box-shadow:0 8px 32px #0000001a;font-size:24px;position:absolute}.skill-icon i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text}.skill-icon.code{animation-delay:-1.5s;left:10%;top:15%}.skill-icon.design{animation-delay:-2s;right:15%;top:25%}.skill-icon.marketing{animation-delay:-.5s;bottom:20%;left:20%}.skill-icon.photo{animation-delay:-1s;bottom:30%;right:10%}.connection-lines{bottom:0;left:0;position:absolute;right:0;top:0}.line{animation:pulse 3s infinite;background:linear-gradient(90deg,#6c63ff33,#6c63ff1a);height:2px;position:absolute}.line-1{animation-delay:-1s;left:20%;top:30%;transform:rotate(25deg);width:60%}.line-2{animation-delay:-1.5s;left:25%;top:45%;transform:rotate(-15deg);width:50%}.line-3{animation-delay:-2s;left:30%;top:60%;transform:rotate(10deg);width:45%}.exchange-circle{animation:pulse 4s infinite;background:linear-gradient(135deg,#6c63ff33,#6c63ff1a);height:80px;position:absolute;width:80px}.exchange-circle,.inner-circle{align-items:center;border-radius:50%;display:flex;justify-content:center}.inner-circle{animation:spin 10s linear infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass-bg);color:var(--primary-color);font-size:20px;height:50px;width:50px}.circle-1{animation-delay:-1s;left:30%;top:40%}.circle-2{animation-delay:-2s;bottom:35%;right:25%}.particles{bottom:0;left:0;position:absolute;right:0;top:0}.particle{animation:moveParticle 20s linear infinite;background:#ffffff80;border-radius:50%;height:4px;position:absolute;width:4px}@keyframes moveParticle{0%{opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(100px,100px);transform:translate(var(--move-x,100px),var(--move-y,100px))}}.particles .particle{--size:4px;height:var(--size);width:var(--size)}.particles .particle:nth-child(3n){--size:6px;--move-x:200px;--move-y:-150px;animation-delay:-5s;animation-duration:25s}.particles .particle:nth-child(3n+1){--size:3px;--move-x:-150px;--move-y:200px;animation-delay:-2s;animation-duration:15s}.particles .particle:nth-child(3n+2){--size:5px;--move-x:120px;--move-y:100px;animation-delay:-8s;animation-duration:18s}@media screen and (max-width:768px){.hero-animation{height:100vh;position:fixed}.skill-icon{font-size:16px;height:40px;width:40px}.skill-icon.code{left:5%;top:20%}.skill-icon.design{right:5%;top:15%}.skill-icon.marketing{bottom:25%;left:8%}.skill-icon.photo{bottom:35%;right:8%}.exchange-circle{height:50px;width:50px}.inner-circle{font-size:14px;height:35px;width:35px}.circle-1{left:20%;top:35%}.circle-2{bottom:30%;right:20%}.line{height:1px}.line-1{left:15%;top:25%;width:70%}.line-2{left:20%;top:40%;width:60%}.line-3{left:25%;top:55%;width:50%}.particles .particle{--size:3px}.particles .particle:nth-child(3n){--size:4px;--move-x:100px;--move-y:-80px}.particles .particle:nth-child(3n+1){--size:2px;--move-x:-80px;--move-y:100px}.particles .particle:nth-child(3n+2){--size:3px;--move-x:60px;--move-y:60px}}@media screen and (max-width:480px){.skill-icon{font-size:14px;height:32px;width:32px}.exchange-circle{height:40px;width:40px}.inner-circle{font-size:12px;height:28px;width:28px}.skill-icon.code{left:5%;top:15%}.skill-icon.design{right:5%;top:12%}.skill-icon.marketing{bottom:30%;left:5%}.skill-icon.photo{bottom:40%;right:5%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(3deg)}}}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:4rem 1rem;position:relative}.hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.hero h1{color:#fff;font-size:7rem;font-weight:800;line-height:1.1;margin-bottom:.5rem}.gradient-text{background:linear-gradient(135deg,#6c63ff,#8b84ff);background-clip:text;display:block;font-size:3.5rem;margin-top:.5rem}.hero-title-group{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.free-text{color:#6c63ff;font-size:6rem;font-weight:800;letter-spacing:2px}.free-badge{background:#6c63ff;border-radius:50px;color:#fff;font-size:1.2rem;font-weight:600;padding:.5rem 1.5rem}.hero-description{color:#fffc;font-size:1.1rem;line-height:1.6;margin:2rem auto;max-width:600px}.hero-buttons{gap:1rem;margin-top:2rem}.hero-buttons,.hero-stats{display:flex;justify-content:center}.hero-stats{gap:4rem;margin-top:4rem}.stat-item{text-align:center}.stat-item h3{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-item p{color:#ffffffb3;font-size:1rem}@media screen and (max-width:1024px){.hero h1{font-size:5.5rem}.gradient-text{font-size:3rem}.free-text{font-size:5rem}.hero-stats{gap:3rem}}@media screen and (max-width:768px){.hero{padding:6rem 1rem 2rem}.hero h1{font-size:4rem}.gradient-text{font-size:2.2rem;margin-top:.25rem}.free-text{font-size:3.5rem}.free-badge{font-size:1rem;padding:.4rem 1.2rem}.hero-description{font-size:1rem;margin:1.5rem auto;padding:0 1rem}.hero-stats{flex-wrap:wrap;gap:2rem;margin-top:3rem}.stat-item h3{font-size:2rem}.hero-buttons{gap:.75rem}.btn{font-size:.95rem;padding:.75rem 1.25rem}}@media screen and (max-width:480px){.hero{padding:5rem .75rem 2rem}.hero h1{font-size:2.8rem;margin-bottom:.25rem}.gradient-text{font-size:1.8rem}.free-text{font-size:2.5rem}.free-badge{font-size:.9rem;padding:.35rem 1rem}.hero-description{font-size:.95rem;margin:1.25rem auto}.hero-buttons{flex-direction:column;margin:1.5rem auto 0;max-width:280px;width:100%}.btn{justify-content:center;width:100%}.hero-stats{flex-direction:column;gap:1.5rem;margin-top:2.5rem}.stat-item h3{font-size:1.8rem;margin-bottom:.25rem}.stat-item p{font-size:.9rem}}@media screen and (max-height:480px) and (orientation:landscape){.hero{min-height:auto;padding:4rem 1rem}.hero-content{max-width:600px}.hero h1{font-size:3rem}.gradient-text{font-size:1.8rem}.free-text{font-size:2.5rem}.hero-description{margin:1rem auto}.hero-stats{margin-top:1.5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.free-text,.gradient-text,.hero h1{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.hero:after,.hero:before{animation:float 10s infinite alternate;background:var(--primary-color);border-radius:50%;content:"";filter:blur(100px);height:300px;opacity:.15;position:absolute;width:300px}.hero:before{animation-delay:-5s;left:-100px;top:-100px}.hero:after{bottom:-100px;right:-100px}@keyframes float{0%{transform:translate(0) rotate(0deg)}to{transform:translate(30px,30px) rotate(60deg)}}@media screen and (max-width:768px){.hero{min-height:calc(100vh - 60px);padding:120px var(--spacing-md) var(--spacing-xl)}.hero-content{padding:0 var(--spacing-sm)}.hero h1{font-size:2rem;margin-bottom:var(--spacing-md)}.hero-description{font-size:1rem;margin-bottom:var(--spacing-lg)}.hero-stats{flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.stat-item{flex:0 0 calc(50% - var(--spacing-md))}}@media screen and (max-width:480px){.hero{padding:100px var(--spacing-sm) var(--spacing-lg)}.hero h1{font-size:1.75rem}.hero-actions{flex-direction:column;gap:var(--spacing-md)}.hero-actions .btn{width:100%}.stat-item{flex:0 0 100%}.stat-value{font-size:1.5rem}.stat-label{font-size:.875rem}}.hero-title{font-family:Space Grotesk,sans-serif;margin-bottom:1.5rem;position:relative}.text-wrapper{display:inline-block;position:relative}.line{display:block;opacity:0;position:relative}.line1{animation:fadeInDown .8s ease forwards;animation-delay:.1s}.line2{animation:fadeInDown .8s ease forwards;animation-delay:.5s}.line3{animation:fadeInDown .8s ease forwards;animation-delay:.9s}.cursor{animation:blink 1s infinite;background:var(--primary-color);display:inline-block;height:1em;margin-left:8px;vertical-align:text-top;width:3px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.gradient-text{transition:transform .3s ease}.gradient-text:hover{transform:scale(1.05)}.hero-title:hover .gradient-text:after{animation:pulse 2s infinite;background:var(--primary-color);content:"";filter:blur(20px);height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%;z-index:-1}@keyframes pulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}@media screen and (max-width:768px){.hero-title{font-size:2.5rem}.cursor{height:.8em}}@media screen and (max-width:480px){.hero-title{font-size:2rem}.cursor{height:.7em}}.hero-title-wrapper{margin-bottom:2rem;overflow:hidden}.hero-title{align-items:center;color:var(--text-color);display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif;font-size:4rem;font-weight:800;gap:.5rem;line-height:1.2}.text-reveal{animation:revealText .8s cubic-bezier(.77,0,.175,1) forwards;display:block;overflow:hidden;position:relative}.text-reveal:after{animation:revealTextAfter .8s cubic-bezier(.77,0,.175,1) forwards;background:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}.delay-1,.delay-1:after{animation-delay:.2s}.delay-2,.delay-2:after{animation-delay:.4s}.gradient-text,.gradient-wrapper{display:inline-block}.gradient-text{-webkit-text-fill-color:#0000;animation:shine 3s linear infinite;background:linear-gradient(135deg,var(--primary-color) 0,#8b84ff 25%,#6c63ff 50%,#5a52ff 75%,var(--primary-color) 100%);-webkit-background-clip:text;background-size:200% auto;padding:0 .5rem;position:relative}.gradient-text:after{animation:underlineReveal .8s cubic-bezier(.77,0,.175,1) forwards;animation-delay:1s;background:linear-gradient(90deg,var(--primary-color),#0000);bottom:-4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;width:100%}@keyframes revealText{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes revealTextAfter{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes shine{to{background-position:200%}}@keyframes underlineReveal{to{transform:scaleX(1)}}@media screen and (max-width:768px){.hero-title{font-size:2.5rem;gap:.3rem}}@media screen and (max-width:480px){.hero-title{font-size:2rem;gap:.2rem}.gradient-text{padding:0 .3rem}}.floating-icons{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.floating-icon{animation:floatIcon 15s linear infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.2));font-size:2rem;opacity:0;position:absolute}.text-blue{color:#60a5fa}.text-purple{color:#a78bfa}.text-green{color:#34d399}.text-orange{color:#fb923c}.text-cyan{color:#22d3ee}.text-pink{color:#f472b6}.text-yellow{color:#fbbf24}.text-red{color:#f87171}.floating-icon.code{animation-delay:0s;left:15%;top:20%}.floating-icon.design{animation-delay:-2s;right:20%;top:35%}.floating-icon.business{animation-delay:-4s;bottom:30%;left:20%}.floating-icon.marketing{animation-delay:-6s;bottom:40%;right:25%}.floating-icon.language{animation-delay:-8s;left:25%;top:45%}.floating-icon.music{animation-delay:-10s;right:30%;top:25%}.floating-icon.photo{animation-delay:-12s;bottom:35%;left:30%}.floating-icon.writing{animation-delay:-14s;bottom:25%;right:15%}@keyframes floatIcon{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.8)}20%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:translate(80px,-80px) rotate(1turn) scale(1.2)}}@media screen and (max-width:768px){.floating-icon{font-size:1.5rem}}@media screen and (max-width:480px){.floating-icon{font-size:1.25rem}}.skill-pills{height:100%;pointer-events:none;position:absolute;width:100%;z-index:0}.skill-pill{animation:floatPill 20s linear infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#6c63ff1a;border:1px solid #6c63ff33;border-radius:50px;color:#fff9;font-size:.9rem;padding:.5rem 1rem;position:absolute;white-space:nowrap}.skill-pill:first-child{animation-delay:0s;left:5%;top:20%}.skill-pill:nth-child(2){animation-delay:-5s;right:10%;top:30%}.skill-pill:nth-child(3){animation-delay:-10s;bottom:25%;left:15%}.skill-pill:nth-child(4){animation-delay:-15s;bottom:35%;right:15%}@keyframes floatPill{0%{opacity:0;transform:translate(0) scale(.8)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(50px,-50px) scale(1.1)}}@media screen and (max-width:768px){.floating-icon{font-size:1.2rem}.skill-pill{font-size:.8rem;padding:.4rem .8rem}}@media screen and (max-width:480px){.floating-icon{font-size:1rem}.skill-pill{font-size:.75rem;padding:.3rem .7rem}}.features{overflow:hidden;position:relative}.section-content{margin:0 auto;max-width:1200px;text-align:center}.section-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:4rem}.feature-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:var(--transition-normal)}.feature-card:hover{border-color:var(--primary-color);box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),#8b84ff);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-icon i{color:#fff;font-size:2rem}.feature-card h3{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.features-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-top:4rem}.stat-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border-radius:var(--radius-lg);gap:2rem;padding:2rem}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:linear-gradient(135deg,var(--primary-color),#8b84ff);border-radius:50%;flex-shrink:0;height:60px;justify-content:center;width:60px}.stat-icon i{color:#fff;font-size:1.5rem}.stat-content h4{color:var(--text-secondary);font-size:1.1rem;margin-bottom:.5rem}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-content p{color:var(--text-secondary);font-size:.875rem}.features:after,.features:before{background:var(--primary-color);border-radius:50%;content:"";filter:blur(150px);height:400px;opacity:.1;position:absolute;width:400px;z-index:-1}.features:before{right:-200px;top:-200px}.features:after{bottom:-200px;left:-200px}@media screen and (max-width:768px){.features{padding:60px 15px}.section-content h2{font-size:2rem}.features-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.features-stats{gap:1.5rem;grid-template-columns:1fr}.stat-card{gap:1.5rem;padding:1.5rem}.stat-value{font-size:1.75rem}}@media screen and (max-width:480px){.feature-icon{height:60px;width:60px}.feature-icon i{font-size:1.5rem}.feature-card h3{font-size:1.25rem}.stat-icon{height:50px;width:50px}.stat-icon i{font-size:1.25rem}}.cta-section{margin-bottom:60px;padding:40px 20px}.cta-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;margin:0 auto;max-width:700px;padding:30px;text-align:center}.cta-text{margin-bottom:25px}.cta-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;font-size:2rem;margin-bottom:12px}.cta-text p{font-size:1rem;opacity:.9}.cta-buttons{display:flex;gap:20px;justify-content:center}.auth-btn{align-items:center;border-radius:15px;color:#fff;display:flex;min-width:200px;padding:15px 25px;text-decoration:none;transition:all .3s ease}.auth-btn:hover{transform:translateY(-2px)}.login-btn{background:linear-gradient(135deg,var(--primary-color),#8b84ff)}.register-btn{background:linear-gradient(135deg,var(--secondary-color),#45a049)}@media screen and (max-width:768px){.cta-buttons{flex-direction:column}.auth-btn{width:100%}}.cta{overflow:hidden;position:relative}.cta-card{grid-gap:3rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:grid;gap:3rem;grid-template-columns:1fr 1fr;padding:3rem}.cta-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:1.5rem}.cta-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.cta-actions{gap:1.5rem}.cta-actions,.cta-info{display:flex;flex-direction:column}.cta-info{gap:1rem}.info-item{align-items:center;color:var(--text-secondary);display:flex;gap:.75rem}.info-item i{color:var(--success-color)}.cta-testimonials{display:flex;flex-direction:column;gap:1.5rem}.testimonial-card{background:#ffffff0d;padding:1.5rem}.testimonial-card:hover{background:#ffffff14;transform:translateY(-3px)}.testimonial-content{margin-bottom:1.5rem}.testimonial-content p{color:var(--text-color);font-size:1rem;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;display:flex;gap:1rem}.author-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.author-info h4{color:var(--text-color);font-size:1rem;margin-bottom:.25rem}.author-info p{color:var(--text-secondary);font-size:.875rem}.cta:before{background:var(--primary-color);border-radius:50%;content:"";filter:blur(180px);height:500px;opacity:.1;position:absolute;right:-250px;top:-250px;width:500px;z-index:-1}@media screen and (max-width:1024px){.cta-card{gap:2rem;grid-template-columns:1fr;padding:2rem}.cta-content h2{font-size:2rem}}@media screen and (max-width:768px){.cta-actions{align-items:stretch;flex-direction:column}.btn-lg{text-align:center;width:100%}.testimonial-card{padding:1.25rem}}@media screen and (max-width:480px){.cta-content h2{font-size:1.75rem}.cta-content p{font-size:1rem}.info-item{font-size:.875rem}}.home{min-height:100vh}.section{padding:80px 0}.section-title{margin-bottom:60px;text-align:center}.section-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:1rem}.section-title p{color:var(--text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}@media screen and (max-width:768px){.section{padding:60px 0}.section-title h2{font-size:2rem}.section-title p{font-size:1rem}}.auth-page{align-items:center;background:linear-gradient(135deg,#6c63ff1a,#8b84ff1a);display:flex;justify-content:center;min-height:30vh;padding:120px 1rem 2rem}.form-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:480px;padding:2.5rem;width:100%}.form-header{margin-bottom:2.5rem;text-align:center}.form-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.form-subtitle{color:#fffc;font-size:1rem}.form-group{margin-bottom:1.5rem;position:relative;width:100%}.form-label{color:#ffffffe6;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.input-group{align-items:center;display:flex;margin-bottom:.5rem;min-height:45px;position:relative;width:100%}.input-icon{color:#fff9;font-size:1rem;left:1rem;pointer-events:none;position:absolute;transition:all .3s ease;z-index:1}.form-input{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;display:block;font-size:.95rem;height:auto;line-height:1;padding:1.2rem 3rem;transition:all .3s ease;width:100%}.form-input:focus{background:#ffffff1f;border-color:var(--primary-color);box-shadow:0 0 0 2px #8b84ff33;outline:none}.form-input:focus+.input-icon{color:var(--primary-color)}.password-toggle{background:#0000;border:none;color:#fff9;cursor:pointer;font-size:1rem;padding:0;position:absolute;right:1rem;transition:all .3s ease;z-index:1}.password-toggle:hover{color:#fff}.form-footer{margin-top:2rem;text-align:center}.form-link{color:#fffc;font-size:.9rem;text-decoration:none;transition:all .3s ease}.form-link:hover{color:var(--primary-color)}.submit-button{align-items:center;background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.submit-button:hover{background:var(--primary-dark);box-shadow:0 4px 15px #8b84ff66;transform:translateY(-2px)}.divider{align-items:center;color:#fff9;display:flex;margin:1.5rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.divider span{font-size:.9rem;padding:0 1rem}.social-buttons{display:flex;gap:1rem;margin-top:1rem}.social-button{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;color:#fff;display:flex;flex:1 1;font-size:1rem;gap:.5rem;justify-content:center;padding:.8rem;text-decoration:none;transition:all .3s ease}.social-button:hover{background:#ffffff1f;transform:translateY(-2px)}.social-button i{font-size:1.2rem}.auth-error{background:#ff47571a;border:1px solid #ff475733;border-radius:12px;color:#ff4757;font-size:.9rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.form-input.error{border-color:#ff4757}.error-message{color:#ff4757;font-size:.85rem;margin-top:.5rem}.form-input.success{border-color:#2ed573}.submit-button.loading{cursor:not-allowed;opacity:.8}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media screen and (max-width:480px){.auth-page{padding:100px 1rem 1.5rem}.form-container{padding:1.5rem}.form-title{font-size:1.75rem}.social-buttons{flex-direction:column}.form-input{font-size:16px;padding:1rem 2.8rem}.input-group{min-height:42px}.input-icon,.password-toggle{font-size:.9rem}}.form-input::placeholder{color:#fff6;font-size:.9rem;line-height:normal;opacity:1}.dashboard{margin:0 auto;max-width:1400px;padding:var(--spacing-xl) var(--spacing-md)}.dashboard-header{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.welcome-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;font-size:2rem;margin-bottom:var(--spacing-xs)}.welcome-section p{color:var(--text-secondary)}.quick-actions{display:flex;gap:var(--spacing-md)}.dashboard-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 300px}.dashboard-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.dashboard-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.dashboard-card-header h2{color:var(--text-color);font-size:1.25rem}.dashboard-card-header .btn{font-size:.875rem;padding:.5rem 1rem}.stats-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.stat-card{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.stat-card h3{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-sm)}.stat-card .value{color:var(--text-color);font-size:1.5rem;font-weight:700}.stat-card .trend{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-top:var(--spacing-xs)}.trend.up{color:var(--success-color)}.trend.down{color:var(--danger-color)}@media screen and (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-side{order:-1}}@media screen and (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column}.quick-actions{flex-direction:column;width:100%}.quick-actions .btn{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.dashboard{padding:var(--spacing-lg) var(--spacing-sm)}.welcome-section h1{font-size:1.75rem}.stats-grid{grid-template-columns:1fr}}.active-barters{display:flex;flex-direction:column;gap:var(--spacing-md)}.barter-card{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.barter-header{justify-content:space-between;margin-bottom:var(--spacing-md)}.barter-header,.partner-info{align-items:center;display:flex}.partner-info{gap:var(--spacing-sm)}.partner-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.partner-details h3{font-size:1rem;margin-bottom:.25rem}.partner-details p{color:var(--text-secondary);font-size:.875rem}.skills-progress{display:flex;flex-direction:column;gap:var(--spacing-md)}.skill-progress-card{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.skill-level{background:#ffffff1a;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;padding:.25rem .75rem}.activities-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-item{background:#ffffff0d;border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm);transition:var(--transition-normal)}.activity-item:hover{background:#ffffff14}.activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.activity-item.completed .activity-icon{background:#4caf5033;color:var(--success-color)}.activity-item.info .activity-icon{background:#2196f333;color:#2196f3}.activity-content h3{font-size:.875rem;margin-bottom:.25rem}.activity-content p,.activity-time{color:var(--text-secondary);font-size:.75rem}.activity-time{display:block;margin-top:.5rem}.rating{color:#ffc107;font-size:.875rem;margin-top:.25rem}.notification-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;margin-top:10px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;width:320px;z-index:1000}.notification-dropdown.active{opacity:1;transform:translateY(0);visibility:visible}.notification-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px}.notification-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid #ffffff1a;display:flex;gap:15px;padding:15px;transition:background-color .3s ease}.notification-item.unread{background:#6c63ff1a}.notification-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.notification-time{font-size:.8rem;opacity:.7}.notification-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1100}.notification-toast{align-items:center;animation:slideIn .3s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;min-width:300px;padding:15px}.notification-toast.success{border-left:4px solid #4caf50}.notification-toast.info{border-left:4px solid #2196f3}.notification-toast.warning{border-left:4px solid #ffc107}.notification-toast.error{border-left:4px solid #f44336}.toast-content{align-items:center;display:flex;gap:10px}.toast-content i{font-size:1.2rem}.toast-close{background:none;border:none;color:#fff;cursor:pointer;opacity:.7;transition:opacity .3s ease}.toast-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification-toast.removing{animation:slideOut .3s ease forwards}:root{--secondary-color:#4caf50;--success-color:#4caf50;--warning-color:#ffc107;--danger-color:#ff5252;--text-color:#fff;--text-secondary:#fffc;--glass-bg:#ffffff1a;--glass-border:#fff3;--font-display:"Clash Display",sans-serif;--font-heading:"Cabinet Grotesk",sans-serif;--font-body:"Satoshi",sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:5px;--radius-md:10px;--radius-lg:20px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-background:-1;--z-normal:1;--z-overlay:10;--z-modal:1100;--z-toast:1000;--z-header:1000;--z-dropdown:1050;--z-fixed:999;--header-height:80px;--mobile-header-height:60px}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:60px;width:100%}.container{max-width:var(--max-width);padding:0 var(--spacing-md)}.card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:2rem;padding:2rem}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#8b84ff);color:#fff}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn:hover{box-shadow:0 5px 15px #6c63ff66;transform:translateY(-2px)}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0 0 1rem}h1{font-size:3.5rem;line-height:1.2}h2{font-size:2.5rem;line-height:1.3}h3{font-size:2rem;line-height:1.4}p{line-height:1.6;margin:0 0 1rem}@media screen and (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.container{padding:0 var(--spacing-sm)}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}}@media screen and (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#111c;border-bottom:1px solid var(--border-color);height:60px;left:0;position:fixed;right:0;top:0;z-index:1000}.header-container{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 1.5rem}.logo{color:var(--text-primary);font-size:1.5rem;font-weight:700;text-decoration:none}.nav{align-items:center;display:flex;gap:2rem}.nav-item{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color var(--transition-speed) ease}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--primary-color)}.auth-buttons{align-items:center;display:flex;gap:1rem}.auth-button{border-radius:8px;font-size:.95rem;font-weight:500;padding:.5rem 1rem;transition:all var(--transition-speed) ease}.auth-button.login{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.auth-button.register{background:var(--primary-color);border:none;color:#fff}.auth-button:hover{transform:translateY(-1px)}.mobile-menu-button{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.mobile-nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#111111f2;border-bottom:1px solid var(--border-color);display:none;left:0;padding:1rem;position:fixed;right:0;top:60px;z-index:999}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body,img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}img{pointer-events:none}.footer{background:var(--background-dark);border-top:1px solid var(--border-color);margin-top:auto;padding:2rem 0}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-links{display:flex;gap:1.5rem}.footer-link{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color var(--transition-speed) ease}.footer-link:hover{color:var(--text-primary)}@media screen and (max-width:480px){.footer-content{flex-direction:column;text-align:center}.footer-links{flex-direction:column;gap:1rem}}.page-container{min-height:calc(100vh - var(--header-height));position:relative;z-index:1}.page-header{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-md);position:relative;text-align:center}.page-header h1{color:var(--text-color);font-size:3rem;margin-bottom:var(--spacing-md);position:relative;z-index:1}.header-gradient{background:linear-gradient(135deg,#6c63ff1a,#8b84ff1a);bottom:0;filter:blur(50px);left:0;position:absolute;right:0;top:0}.content-section{margin:0 auto;max-width:var(--max-width);padding:var(--spacing-xl) var(--spacing-md);position:relative;z-index:2}.about-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl)}.about-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),#8b84ff);-webkit-background-clip:text;font-size:2rem;margin-bottom:var(--spacing-lg)}.mission-vision{grid-gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-xl)}.mission-vision,.steps-grid{display:grid;gap:var(--spacing-lg)}.steps-grid{grid-gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:var(--spacing-xl) 0}.step-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;text-align:center;transition:var(--transition-normal)}.step-card:hover{transform:translateY(-5px)}.step-number{background:var(--primary-color);color:#fff;font-weight:700;height:40px;position:absolute;right:-20px;top:-20px;width:40px}.step-icon,.step-number{align-items:center;border-radius:50%;display:flex;justify-content:center}.step-icon{background:#6c63ff1a;height:60px;margin:0 auto var(--spacing-md);width:60px}.step-icon i{color:var(--primary-color);font-size:24px}.step-card h3{color:var(--text-color);font-size:1.25rem;margin-bottom:var(--spacing-sm)}.step-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}@media screen and (max-width:768px){.page-container{min-height:calc(100vh - var(--mobile-header-height))}.content-section,.page-header{padding:var(--spacing-lg) var(--spacing-sm)}.page-header h1{font-size:2rem}.mission-vision,.steps-grid{grid-template-columns:1fr}}.testimonials-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:var(--spacing-xl) 0}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-normal)}.testimonial-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.testimonial-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.testimonial-profile{align-items:center;display:flex;gap:var(--spacing-sm)}.profile-image{border-radius:50%;height:50px;overflow:hidden;width:50px}.profile-image img{height:100%;object-fit:cover;width:100%}.faq-container{margin:0 auto;max-width:800px}.faq-category{margin-bottom:var(--spacing-xl)}.faq-category h2{color:var(--text-color);font-size:1.5rem;margin-bottom:var(--spacing-lg)}.faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--spacing-sm);overflow:hidden}.faq-question{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-md)}.faq-question h3{color:var(--text-color);font-size:1rem;margin:0}.faq-answer{max-height:0;overflow:hidden;padding:0 var(--spacing-md);transition:all .3s ease}.faq-item.active .faq-answer{border-top:1px solid var(--glass-border);max-height:500px;padding:var(--spacing-md)}.blog-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:var(--spacing-xl) 0}.blog-card{background:var(--glass-bg);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-normal)}.blog-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.blog-image{height:200px;position:relative}.blog-image img{height:100%;object-fit:cover;width:100%}.blog-category{background:var(--primary-color);border-radius:var(--radius-full);color:#fff;font-size:.75rem;padding:4px 12px;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}.blog-content{padding:var(--spacing-lg)}.contact-container{grid-gap:var(--spacing-xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 2fr;margin:0 auto;margin-top:var(--spacing-lg);max-width:1000px;padding:var(--spacing-xl)}.contact-info{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.info-card{background:var(--glass-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.info-card i{color:var(--primary-color);font-size:2rem;margin-bottom:var(--spacing-sm)}.contact-form{background:var(--glass-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--text-color);display:block;margin-bottom:var(--spacing-xs)}.form-group input,.form-group textarea{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-color);padding:var(--spacing-sm);width:100%}@media screen and (max-width:768px){.contact-container{margin-top:var(--spacing-md);padding:var(--spacing-lg)}.blog-grid,.contact-container{grid-template-columns:1fr}}.legal-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin:0 auto;margin-top:var(--spacing-lg);max-width:800px;padding:var(--spacing-xl)}.last-updated{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-lg)}.legal-section{margin-bottom:var(--spacing-xl)}.legal-section h2{color:var(--text-color);margin-bottom:var(--spacing-md)}.legal-section ul{padding-left:var(--spacing-lg)}.legal-section li{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.category-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin:0 auto;margin-top:var(--spacing-lg);max-width:1200px;padding:var(--spacing-xl)}.category-description{margin:0 auto var(--spacing-xl);max-width:600px;text-align:center}.skills-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-card{background:var(--glass-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:var(--transition-normal)}.skill-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.skill-icon{align-items:center;background:#6c63ff1a;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto var(--spacing-md);width:60px}.skill-icon i{color:var(--primary-color);font-size:24px}.skill-card h3{color:var(--text-color);margin-bottom:var(--spacing-md)}@media screen and (max-width:768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.skills-grid{grid-template-columns:1fr}.page-container{padding-top:50px}.page-header h1{font-size:1.75rem}.content-section{padding:var(--spacing-md) var(--spacing-sm)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#6c63ff;--primary-dark:#5a52d5;--text-primary:#fff;--text-secondary:#ffffffb3;--background-dark:#111;--background-light:#ffffff0d;--border-color:#ffffff1a;--shadow-color:#0003;--transition-speed:0.2s}html{font-size:16px;height:100%;scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111;background-color:var(--background-dark);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:0}a{color:#6c63ff;color:var(--primary-color);text-decoration:none;transition:color .2s ease;transition:color var(--transition-speed) ease}a:hover{color:#5a52d5;color:var(--primary-dark)}button{cursor:pointer;font-family:inherit}img{display:block;height:auto;max-width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}@media screen and (max-width:1024px){html{font-size:15px}.container{max-width:960px}}@media screen and (max-width:768px){html{font-size:14px}.container{max-width:720px}}@media screen and (max-width:480px){html{font-size:14px}.container{padding:0 .75rem}input[type=email],input[type=password],input[type=text]{font-size:16px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.wave-bg{height:100%;left:0;opacity:.3;position:fixed;top:0;width:100%;z-index:-3}.wave{background:linear-gradient(#0000,#ffffff1a);height:100%;position:absolute;transform-origin:50% 50%;width:200%}.wave1{animation:wave 15s linear infinite;opacity:.2}.wave2{animation:wave 10s linear infinite;animation-delay:-5s;opacity:.1}.wave3{animation:wave 7s linear infinite;animation-delay:-2s;opacity:.05}@keyframes wave{0%{transform:translateX(0) skewY(3deg)}to{transform:translateX(-50%) skewY(3deg)}}.ambient-glow{animation:pulseGlow 8s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#6c63ff33,#8b84ff1a 30%,#0000 70%),radial-gradient(circle at 20% 30%,#6c63ff26,#0000 50%),radial-gradient(circle at 80% 70%,#8b84ff26,#0000 50%);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}@keyframes pulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media screen and (max-width:768px){html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}*{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px!important}}@supports (padding:max(0px)){body{padding-bottom:max(0px,env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.glow-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.glow-orb{animation:floatOrb 20s ease-in-out infinite;background:radial-gradient(circle at center,#6c63ff4d,#0000 70%);border-radius:50%;height:200px;position:absolute;width:200px}.glow-orb:first-child{animation-delay:0s;left:10%;top:20%}.glow-orb:nth-child(2){animation-delay:-5s;height:300px;right:15%;top:60%;width:300px}.glow-orb:nth-child(3){animation-delay:-10s;bottom:10%;height:250px;left:20%;width:250px}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,50px) scale(1.2)}50%{transform:translateY(100px) scale(1)}75%{transform:translate(-50px,50px) scale(.8)}}.sparkle{animation:sparkle 4s ease-in-out infinite;background-color:#ffffff80;border-radius:50%;height:3px;position:absolute;width:3px}.sparkle:first-child{animation-delay:0s;left:30%;top:20%}.sparkle:nth-child(2){animation-delay:-1s;right:20%;top:40%}.sparkle:nth-child(3){animation-delay:-2s;bottom:30%;left:40%}.sparkle:nth-child(4){animation-delay:-3s;bottom:40%;right:30%}.sparkle:nth-child(5){animation-delay:-1.5s;left:50%;top:30%}.sparkle:nth-child(6){animation-delay:-2.5s;bottom:50%;right:40%}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.text-glow{animation:textPulse 3s ease-in-out infinite;text-shadow:0 0 10px #6c63ff80,0 0 20px #6c63ff4d,0 0 30px #6c63ff33}@keyframes textPulse{0%,to{text-shadow:0 0 10px #6c63ff80,0 0 20px #6c63ff4d,0 0 30px #6c63ff33}50%{text-shadow:0 0 15px #6c63ffb3,0 0 25px #6c63ff80,0 0 35px #6c63ff4d}}.btn-glow{overflow:hidden;position:relative}.btn-glow:before{animation:buttonShine 3s linear infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes buttonShine{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}