@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--orange-main: #f7931e;--orange-dark: #e5821a;--orange-light: #ffd08a;--orange-very-light: #fff5e6;--blue-main: #4c6a95;--blue-dark: #3a5478;--blue-light: #6a88b5;--purple-accent: #b185ff;--purple-light: #d8c5ff;--purple-very-light: #f5f0ff;--pink-accent: #ff8ab8;--pink-light: #ffc2dc;--white: #ffffff;--black: #000000;--gray-dark: #1a1a1a;--gray-medium: #666666;--gray-light: #f7fafc;--gradient-orange: linear-gradient(135deg, var(--orange-main), #ff8b35);--gradient-orange-subtle: linear-gradient(135deg, var(--orange-main), var(--orange-light));--gradient-blue: linear-gradient(135deg, var(--blue-main), var(--blue-light));--gradient-orange-purple: linear-gradient(135deg, var(--orange-main), var(--purple-accent));--gradient-rainbow-subtle: linear-gradient(90deg, var(--orange-main), #ffa94d, #ff8ab8);--gradient-dark: linear-gradient(135deg, #1a1a1a, #2d2d2d);--gradient-light: linear-gradient(135deg, #ffffff 0%, #fff8f0 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,.7));--shadow-soft: 0 10px 30px rgba(0, 0, 0, .1);--shadow-medium: 0 15px 35px rgba(0, 0, 0, .15);--shadow-strong: 0 20px 50px rgba(0, 0, 0, .2);--shadow-glow-orange: 0 0 30px rgba(247, 147, 30, .4);--shadow-glow-orange-light: 0 0 20px rgba(247, 147, 30, .2);--shadow-glow-purple-subtle: 0 0 20px rgba(177, 133, 255, .2);--shadow-neon: 0 0 15px currentColor;--transition-fast: .3s cubic-bezier(.25, .8, .25, 1);--transition-medium: .5s cubic-bezier(.175, .885, .32, 1.275);--transition-slow: .8s cubic-bezier(.68, -.55, .265, 1.55);--border-radius-small: 10px;--border-radius-medium: 20px;--border-radius-large: 30px;--border-radius-circle: 50%;--blur-light: blur(10px);--blur-medium: blur(15px);--blur-heavy: blur(25px)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(10px) rotate(-2deg)}}@keyframes float-simple{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--orange-main),0 0 40px #f7931e4d}50%{box-shadow:0 0 30px var(--orange-main),0 0 60px #f7931e80}}@keyframes pulse-glow-subtle{0%,to{box-shadow:0 0 15px #b185ff4d,0 0 30px #b185ff1a}50%{box-shadow:0 0 25px #b185ff66,0 0 50px #b185ff33}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}10%,30%,50%,70%,90%{transform:translate(-5px) rotate(-1deg)}20%,40%,60%,80%{transform:translate(5px) rotate(1deg)}}@keyframes vibrate{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes rotate-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes gradient-orange-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes neon-border-orange{0%{border-color:var(--orange-main);box-shadow:0 0 10px var(--orange-main)}50%{border-color:#ffa94d;box-shadow:0 0 15px #ffa94d}to{border-color:var(--orange-main);box-shadow:0 0 10px var(--orange-main)}}@keyframes neon-text-orange{0%,to{text-shadow:0 0 5px var(--orange-main),0 0 10px rgba(247,147,30,.5)}50%{text-shadow:0 0 10px #ffa94d,0 0 20px rgba(255,169,77,.7)}}@keyframes slide-in-left{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-right{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-up{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-down{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes flip-in{0%{transform:perspective(400px) rotateY(90deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flip-out{0%{transform:perspective(400px) rotateY(0);opacity:1}to{transform:perspective(400px) rotateY(-90deg);opacity:0}}@keyframes zoom-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoom-out{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(-20px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes particle-float{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(100px);opacity:0}}@keyframes confetti-fall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes star-twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Montserrat,Inter,-apple-system,BlinkMacSystemFont,sans-serif}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;background:var(--white);color:var(--black);line-height:1.6}.home-container{width:100%;min-height:100vh;position:relative;overflow:hidden}.global-bg-effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.bg-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--orange-light),transparent);animation:particle-float 20s linear infinite}.bg-particle:nth-child(1){width:100px;height:100px;top:10%;left:10%;animation-delay:0s;background:radial-gradient(circle,rgba(247,147,30,.1),transparent)}.bg-particle:nth-child(2){width:150px;height:150px;top:60%;left:80%;animation-delay:5s;animation-duration:25s;background:radial-gradient(circle,rgba(177,133,255,.08),transparent)}.bg-particle:nth-child(3){width:80px;height:80px;top:80%;left:20%;animation-delay:10s;animation-duration:30s;background:radial-gradient(circle,rgba(255,138,184,.08),transparent)}.bg-particle:nth-child(4){width:120px;height:120px;top:20%;left:70%;animation-delay:15s;animation-duration:20s;background:radial-gradient(circle,rgba(106,136,181,.08),transparent)}.custom-alert{position:fixed;top:30px;right:30px;z-index:9999;background:linear-gradient(135deg,var(--orange-main),#ff8b35);color:#fff;padding:20px 30px;border-radius:var(--border-radius-medium);box-shadow:var(--shadow-strong);font-size:16px;font-weight:600;display:flex;align-items:center;gap:15px;opacity:0;transform:translate(100%) translateY(-20px) rotate(5deg);transition:all var(--transition-medium);border-left:5px solid var(--white);max-width:400px;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);animation:neon-border-orange 3s infinite}.custom-alert.show{opacity:1;transform:translate(0) translateY(0) rotate(0);animation:bounce-in .6s ease,shake .5s ease .6s}.custom-alert i{font-size:24px;color:var(--white);animation:pulse 2s infinite}.custom-alert:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange-main),#ffa94d);animation:gradient-orange-shift 3s infinite}.banner-section{min-height:100vh;position:relative;display:flex;flex-direction:column;background:var(--gradient-light);overflow:hidden;padding-bottom:50px}.banner-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(247,147,30,.15) 0%,transparent 25%),radial-gradient(circle at 80% 70%,rgba(177,133,255,.08) 0%,transparent 25%),radial-gradient(circle at 40% 80%,rgba(255,138,184,.05) 0%,transparent 25%),radial-gradient(circle at 60% 20%,rgba(106,136,181,.05) 0%,transparent 25%);animation:gradient-shift 15s ease infinite;background-size:200% 200%;z-index:0}.banner-header{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;position:relative;z-index:10;flex-wrap:wrap;background:#fffffff2;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border-bottom:1px solid rgba(247,147,30,.1);animation:slide-in-down .8s ease-out;box-shadow:0 5px 20px #0000000d}.logo{display:flex;align-items:center;margin-right:30px;transition:all var(--transition-medium);position:relative}.logo:hover{transform:scale(1.05) rotate(-2deg)}.logo i{margin-right:10px;font-size:32px;color:var(--orange-main);animation:rotate 20s linear infinite,pulse 3s infinite}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-main{font-size:28px;font-weight:900;color:var(--orange-main);letter-spacing:-.5px;text-shadow:2px 2px 4px rgba(0,0,0,.1);position:relative}.logo-main:after{content:"✨";position:absolute;top:-10px;right:-15px;font-size:16px;animation:star-twinkle 2s infinite}.logo-subtitle{font-size:14px;font-weight:500;color:var(--blue-main);opacity:.9;margin-top:2px;letter-spacing:1px}nav ul{display:flex;list-style:none;gap:30px;flex-wrap:wrap}nav li{position:relative}nav a{color:var(--gray-medium);text-decoration:none;font-weight:600;font-size:16px;transition:all var(--transition-medium);padding:10px 15px;position:relative;border-radius:var(--border-radius-small);overflow:hidden;display:block}nav a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-orange-subtle);transition:left var(--transition-medium);z-index:-1;border-radius:var(--border-radius-small)}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--orange-main);transition:width var(--transition-medium)}nav a:hover{color:#fff;transform:translateY(-3px)}nav a:hover:before{left:0}nav a:hover:after{width:100%}.auth-buttons{display:flex;gap:15px;flex-shrink:0}.btn{padding:14px 28px;border-radius:50px;border:none;font-weight:700;cursor:pointer;transition:all var(--transition-medium);font-size:15px;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-width:140px;position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--shadow-medium)}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.btn:hover:after{left:100%}.btn-login{background:var(--gradient-orange);border:2px solid var(--orange-main);color:var(--orange-main);box-shadow:0 5px 15px #dd3c3c33}.btn-login:hover{background:var(--orange-main);color:#d86421;transform:translateY(-5px) scale(1.05);box-shadow:var(--shadow-glow-orange);animation:shake .5s ease,pulse 1s infinite}.btn-signup{background:var(--gradient-orange);color:#e62e2e;border:none;box-shadow:0 5px 20px #f7931e4d}.btn-signup:hover{background:linear-gradient(135deg,#ff8b35,var(--orange-main));transform:translateY(-5px) scale(1.05);box-shadow:var(--shadow-glow-orange);animation:vibrate .3s ease,pulse-glow 1.5s infinite}.hero-main-content{flex:1;display:flex;max-width:1400px;margin:0 auto;position:relative;z-index:5;padding:0 5% 100px;align-items:center;gap:60px}.hero-left{flex:1;display:flex;flex-direction:column;justify-content:center;animation:slide-in-left 1s ease-out,fade-in 1.2s ease-out}.hero-title{font-size:4.5rem;margin-bottom:25px;font-weight:900;line-height:1;background:linear-gradient(90deg,var(--orange-main),#ffa94d,#ff8b35);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:3px 3px 0px rgba(0,0,0,.05);animation:bounce-in 1s ease-out,neon-text-orange 3s infinite;position:relative}.hero-title:before{content:"🚀";position:absolute;top:-30px;left:-30px;font-size:40px;animation:float 4s ease-in-out infinite}.hero-title:after{content:"🔥";position:absolute;bottom:-30px;right:-30px;font-size:40px;animation:float 4s ease-in-out infinite reverse}.hero-left p{font-size:1.2rem;margin-bottom:40px;line-height:1.7;color:#555;max-width:600px;position:relative;padding-left:25px;border-left:4px solid var(--orange-main);animation:slide-in-up .8s ease-out .3s both}.search-container-wrapper{position:relative;max-width:700px;margin:40px 0;animation:slide-in-up .8s ease-out .5s both;z-index:1000}.search-container{display:flex;align-items:center;position:relative;background:var(--white);border-radius:25px;overflow:hidden;box-shadow:0 10px 40px #00000026;transition:all var(--transition-medium);border:3px solid transparent;animation:neon-border-orange 4s infinite;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background-color:var(--white)!important}.search-container:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 50px #00000040}.search-input{width:100%;padding:22px 80px 22px 30px;border:none;border-radius:25px;font-size:17px;background:var(--white)!important;color:#222!important;transition:all var(--transition-fast);outline:none;font-weight:500;-webkit-text-fill-color:#222222!important;opacity:1!important}.search-input:focus{background:#fff8f0!important;color:#222!important;box-shadow:inset 0 0 0 2px var(--orange-main)}.search-input::placeholder{color:#888!important;font-style:italic;opacity:.8!important}.clear-icon{position:absolute;right:70px;top:50%;transform:translateY(-50%);color:#999;cursor:pointer;transition:all var(--transition-medium);padding:8px;border-radius:50%;background:#0000000d;font-size:14px;z-index:10}.clear-icon:hover{color:#f44;background:#ff44441a;transform:translateY(-50%) rotate(90deg) scale(1.2)}.search-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#fff;background:var(--gradient-orange);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-medium);font-size:20px;box-shadow:0 5px 20px #f7931e66;z-index:10}.search-icon:hover{background:linear-gradient(135deg,#ff8b35,var(--orange-main));transform:translateY(-50%) scale(1.1) rotate(15deg);box-shadow:0 8px 25px #f7931e80}.search-icon.searching{animation:rotate 1s linear infinite,pulse-glow 1.5s infinite}.search-results-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--white);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-strong);max-height:450px;overflow-y:auto;z-index:1001;border:2px solid var(--orange-light);animation:bounce-in .5s ease-out,fade-in .5s ease-out;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.search-results-dropdown::-webkit-scrollbar{width:8px}.search-results-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.search-results-dropdown::-webkit-scrollbar-thumb{background:var(--orange-main);border-radius:10px}.search-result-item{display:flex;align-items:center;padding:18px 25px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all var(--transition-medium);background:var(--white);position:relative;overflow:hidden}.search-result-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(247,147,30,.1),transparent);transition:left .6s}.search-result-item:hover:before{left:100%}.search-result-item:hover{background:linear-gradient(135deg,#fff8f0,#fff5e6);transform:translate(15px) scale(1.02);border-left:8px solid var(--orange-main);box-shadow:var(--shadow-soft)}.user-avatar{width:60px;height:60px;border-radius:var(--border-radius-circle);background:var(--gradient-orange-subtle);display:flex;align-items:center;justify-content:center;margin-right:25px;color:#fff;font-size:26px;flex-shrink:0;overflow:hidden;border:4px solid white;box-shadow:0 6px 20px #00000026;transition:all var(--transition-medium)}.search-result-item:hover .user-avatar{transform:scale(1.1) rotate(10deg);background:var(--gradient-orange);box-shadow:0 10px 25px #f7931e66}.user-info{flex:1;min-width:0}.user-info h4{margin:0 0 8px;font-size:18px;color:#222!important;font-weight:700;transition:color var(--transition-fast)}.search-result-item:hover .user-info h4{color:var(--orange-main)!important}.search-input:not(:placeholder-shown){color:#222!important;background:#fff!important}.search-input:-webkit-autofill,.search-input:-webkit-autofill:hover,.search-input:-webkit-autofill:focus{-webkit-text-fill-color:#222222!important;-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important;box-shadow:0 0 0 1000px #fff inset!important;transition:background-color 5000s ease-in-out 0s}.user-info p{margin:0 0 8px;color:#666!important;font-size:15px;font-weight:500}.user-bio{font-size:13px;color:#888!important;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.link-icon{color:var(--orange-main);font-size:18px;margin-left:15px;transition:all var(--transition-medium)}.search-result-item:hover .link-icon{transform:translate(10px) scale(1.3);color:var(--orange-dark);animation:shake .5s ease}.search-loading{display:flex;align-items:center;justify-content:center;padding:25px;color:var(--orange-main);font-size:17px;font-weight:600;background:#fffffff2;border-radius:var(--border-radius-medium);margin-top:20px;box-shadow:var(--shadow-soft);animation:pulse-glow 1.5s infinite,fade-in .5s ease;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light)}.search-loading i{margin-right:15px;font-size:22px;animation:rotate 1.5s linear infinite}.hero-subtitle{font-size:20px;font-weight:600;color:var(--blue-main);margin:30px 0;animation:slide-in-up .8s ease-out .7s both;position:relative;padding-left:20px}.hero-subtitle:before{content:"👉";position:absolute;left:-10px;animation:shake 1s infinite}.social-icons-section{display:flex;align-items:center;gap:20px;margin-top:40px;animation:slide-in-up .8s ease-out .9s both}.social-icon-box{width:65px;height:65px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--orange-main);font-size:28px;cursor:pointer;transition:all var(--transition-medium);box-shadow:var(--shadow-medium);position:relative;overflow:hidden;animation:float-simple 3s ease-in-out infinite;border:2px solid var(--orange-light)}.social-icon-box.fab,.social-icon-box.fas{font-family:"Font Awesome 6 Brands","Font Awesome 6 Free",sans-serif!important}.social-icon-box:nth-child(1){animation-delay:0s}.social-icon-box:nth-child(2){animation-delay:.2s}.social-icon-box:nth-child(3){animation-delay:.4s}.social-icon-box:nth-child(4){animation-delay:.6s}.social-icon-box:nth-child(5){animation-delay:.8s}.social-icon-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-orange);z-index:-1;transition:all var(--transition-medium);opacity:0}.social-icon-box:nth-child(1){color:#1da1f2}.social-icon-box:nth-child(2){color:#1877f2}.social-icon-box:nth-child(3){background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);-webkit-background-clip:text;background-clip:text;color:transparent}.social-icon-box:nth-child(4){color:#0077b5}.social-icon-box:nth-child(5){color:red}.social-icon-box:hover{transform:translateY(-15px) scale(1.2) rotate(15deg);box-shadow:0 25px 40px #00000040;animation:none;color:#fff;border-color:transparent}.social-icon-box:hover:before{opacity:1;background:var(--gradient-orange);transform:rotate(180deg)}.social-icon-box:nth-child(1):hover{transform:translateY(-15px) scale(1.2) rotate(-15deg)}.social-icon-box:nth-child(2):hover{transform:translateY(-15px) scale(1.2) rotate(20deg)}.social-icon-box:nth-child(3):hover{transform:translateY(-15px) scale(1.2) rotate(-20deg)}.social-icon-box:nth-child(4):hover{transform:translateY(-15px) scale(1.2) rotate(10deg)}.social-icon-box:nth-child(5):hover{transform:translateY(-15px) scale(1.2) rotate(-10deg)}.social-icon-box:hover i{filter:drop-shadow(0 0 8px rgba(255,255,255,.8));animation:pulse .5s ease}.hero-right{flex:1;position:relative;display:flex;align-items:center;justify-content:center;animation:slide-in-right 1s ease-out,fade-in 1.2s ease-out}.hero-image-placeholder{position:relative;z-index:10;width:120%;max-width:750px;filter:drop-shadow(0 40px 60px rgba(0,0,0,.3));animation:float-simple 8s ease-in-out infinite}.hero-image-placeholder img{width:100%;height:auto;display:block;border-radius:var(--border-radius-large);transition:all var(--transition-medium);border:8px solid white;box-shadow:0 20px 40px #0003,inset 0 0 50px #f7931e1a}.hero-image-placeholder:hover img{border-color:var(--orange-light);box-shadow:0 30px 70px #0000004d,inset 0 0 80px #ffa94d33}.hero-image-placeholder:before{content:"";position:absolute;inset:-20px;background:linear-gradient(90deg,var(--orange-main),#ffa94d,#ff8b35);border-radius:40px;z-index:-1;opacity:.3;filter:blur(20px);animation:gradient-shift 5s infinite}.about-us-section{padding:150px 5%;background:linear-gradient(135deg,#fff8f0,#fff5e6);position:relative;overflow:hidden}.about-us-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(247,147,30,.15) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(177,133,255,.08) 0%,transparent 50%);animation:rotate 40s linear infinite;z-index:0}.about-us-content{max-width:1300px;margin:0 auto;display:flex;gap:80px;align-items:center;position:relative;z-index:1}.about-us-text{flex:1.2;padding-right:40px;animation:slide-in-left 1s ease-out,fade-in 1.2s ease-out}.about-us-text h2{font-size:3.8rem;font-weight:900;color:var(--orange-main);margin-bottom:35px;line-height:1.1;text-shadow:3px 3px 0px rgba(0,0,0,.05);position:relative}.about-us-text h2:after{content:"";position:absolute;bottom:-15px;left:0;width:100px;height:6px;background:var(--gradient-orange);border-radius:3px;animation:wave 2s infinite}.about-us-text p{font-size:1.25rem;line-height:1.8;margin-bottom:25px;color:#4a5568;position:relative;border-left:3px solid transparent;animation:fade-in 1s ease-out;background:linear-gradient(90deg,transparent,rgba(247,147,30,.05));padding:20px;border-radius:10px;transition:all var(--transition-fast)}.about-us-text p:hover{border-left-color:var(--orange-main);background:linear-gradient(90deg,transparent,rgba(247,147,30,.1));transform:translate(10px)}.about-us-text strong{color:var(--orange-dark);font-weight:700;position:relative;display:inline-block}.about-us-text strong:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--gradient-orange);border-radius:2px;transform:scaleX(0);transition:transform var(--transition-fast)}.about-us-text strong:hover:after{transform:scaleX(1)}.about-us-stats{display:flex;gap:60px;margin-top:60px;padding-top:40px;border-top:3px dashed var(--orange-light);animation:slide-in-up 1s ease-out .5s both}.stat-item{text-align:center;transition:all var(--transition-medium);padding:25px 20px;border-radius:var(--border-radius-medium);background:#ffffffe6;box-shadow:var(--shadow-soft);flex:1;position:relative;overflow:hidden;animation:float-simple 4s ease-in-out infinite}.stat-item:nth-child(1){animation-delay:0s}.stat-item:nth-child(2){animation-delay:.2s}.stat-item:nth-child(3){animation-delay:.4s}.stat-item:hover{transform:translateY(-15px) scale(1.08);background:#fff;box-shadow:var(--shadow-strong);animation:none}.stat-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-orange);animation:gradient-orange-shift 3s infinite}.stat-item h3{font-size:4rem;font-weight:900;color:var(--orange-main);margin-bottom:15px;line-height:1;position:relative}.stat-item h3:after{content:"+";position:absolute;top:-10px;right:-15px;font-size:2rem;color:var(--orange-main);animation:pulse 2s infinite}.stat-item p{font-size:1.1rem;color:var(--blue-main);font-weight:600;margin:0;letter-spacing:1px;text-transform:uppercase}.about-us-image-placeholder{flex:1;position:relative;border-radius:var(--border-radius-large);overflow:hidden;box-shadow:var(--shadow-strong);transition:all var(--transition-medium);border:10px solid white;animation:slide-in-right 1s ease-out,float-simple 6s ease-in-out infinite}.about-us-image-placeholder:hover{box-shadow:0 50px 100px #00000040}.about-us-image-placeholder img{width:100%;height:auto;display:block;transition:transform var(--transition-medium)}.about-us-image-placeholder:hover img{transform:scale(1.1)}.about-us-image-placeholder:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#f7931e33,#ffa94d33);opacity:0;transition:opacity var(--transition-medium);mix-blend-mode:overlay}.about-us-image-placeholder:hover:after{opacity:1}.main-content{padding:150px 5%;background:transparent;color:inherit;position:relative;overflow:hidden}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:0 auto 100px;position:relative;z-index:1}.feature-card{background:#fff;border-radius:var(--border-radius-large);padding:60px 40px;text-align:center;color:#333;transition:all var(--transition-medium);box-shadow:var(--shadow-soft);border:1px solid rgba(247,147,30,.1);position:relative;overflow:hidden;animation:slide-in-up .8s ease-out,fade-in 1s ease-out;opacity:0;transform:translateY(50px);display:flex;flex-direction:column;align-items:center;height:100%}.feature-card.show{opacity:1;transform:translateY(0)}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.3s}.feature-card:nth-child(3){animation-delay:.5s}.feature-card:hover{transform:translateY(-15px);box-shadow:var(--shadow-strong);border-color:var(--orange-main)}.feature-icon{font-size:48px;margin-bottom:25px;color:var(--orange-main);display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#f7931e1a,#ffa94d1a);border-radius:50%;transition:all var(--transition-medium)}.feature-card:hover .feature-icon{transform:scale(1.1);background:linear-gradient(135deg,#f7931e33,#ffa94d33)}.feature-card h3{font-size:24px;margin-bottom:20px;font-weight:700;color:var(--orange-main);width:100%;text-align:center}.feature-card hr{width:60px;height:3px;background:linear-gradient(90deg,var(--orange-main),#ffa94d);border:none;margin:0 auto 25px;border-radius:2px;animation:wave 3s infinite}.feature-card p{font-size:16px;line-height:1.6;color:#555;margin:0;text-align:center;max-width:300px}.feature-card:hover h3{background:linear-gradient(90deg,var(--orange-main),#ffa94d);-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-orange-shift 3s infinite}.feature-card:hover hr{width:80px;background:linear-gradient(90deg,#ffa94d,var(--orange-main))}.dashboard{background:var(--gradient-orange);color:#fff;padding:100px 5%;border-radius:var(--border-radius-large);position:relative;overflow:hidden;margin-top:50px;box-shadow:var(--shadow-strong)}.dashboard:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;position:relative;z-index:1}.card{background:#fffffff2;border-radius:var(--border-radius-large);padding:50px 40px;box-shadow:var(--shadow-medium);transition:all var(--transition-medium);height:100%;display:flex;flex-direction:column;color:#333;position:relative;overflow:hidden;border:3px solid transparent;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);animation:slide-in-up .8s ease-out,fade-in 1s ease-out;opacity:0;transform:translateY(50px)}.card.show{opacity:1;transform:translateY(0)}.card:nth-child(1){animation-delay:.2s}.card:nth-child(2){animation-delay:.4s}.card:nth-child(3){animation-delay:.6s}.card:hover{transform:translateY(-20px);box-shadow:0 50px 100px #00000040;border-color:var(--orange-main);animation:pulse-glow 2s infinite}.highlight-card{background:linear-gradient(135deg,#fff,#fff8f0);border:3px solid var(--orange-main);animation:pulse-glow 3s infinite,neon-border-orange 4s infinite}.highlight-card:hover{animation:pulse-glow 1s infinite,shake .5s ease,neon-border-orange 2s infinite}.card h3{font-size:26px;margin-bottom:30px;color:var(--orange-main);font-weight:800;position:relative;padding-bottom:15px}.card h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:4px;background:var(--gradient-orange);border-radius:2px;transition:width var(--transition-fast)}.card:hover h3:after{width:100px}.stat{display:flex;align-items:center;margin:35px 0;transition:all var(--transition-medium)}.card:hover .stat{transform:translate(10px)}.stat-icon{background:var(--gradient-orange);width:90px;height:90px;border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;margin-right:30px;color:#fff;font-size:36px;transition:all var(--transition-medium);box-shadow:0 10px 30px #f7931e4d;position:relative;overflow:hidden}.stat-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);transition:transform .6s}.stat-icon:hover:before{transform:rotate(225deg)}.highlight-card:hover .stat-icon{transform:scale(1.2) rotate(360deg);background:var(--gradient-orange);box-shadow:0 20px 50px #f7931e80}.stat-content h4{font-size:42px;color:var(--orange-main);margin-bottom:10px;font-weight:900}.stat-content p{color:#777;font-size:18px;font-weight:600;letter-spacing:1px}.profile{display:flex;align-items:center;margin:35px 0;transition:all var(--transition-medium)}.card:hover .profile{transform:translate(10px)}.profile-img{width:100px;height:100px;border-radius:var(--border-radius-circle);background:var(--gradient-orange);margin-right:30px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;transition:all var(--transition-medium);border:5px solid white;box-shadow:0 15px 40px #0003;position:relative;overflow:hidden}.profile-img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s}.profile-img:hover:before{transform:translate(100%)}.card:hover .profile-img{transform:scale(1.1);background:var(--gradient-orange);box-shadow:0 20px 50px #f7931e66}.profile-info h4{font-size:28px;color:var(--orange-main);margin-bottom:8px;font-weight:800}.profile-info p{color:var(--purple-accent);font-size:16px;font-weight:600;letter-spacing:1px}.media-item{display:flex;align-items:center;padding:25px 0;border-bottom:1px solid #eee;transition:all var(--transition-fast)}.media-item:hover{transform:translate(10px);border-bottom-color:var(--orange-light)}.media-item:last-child{border-bottom:none}.media-icon{width:60px;height:60px;border-radius:15px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;margin-right:25px;color:var(--orange-main);font-size:24px;transition:all var(--transition-medium)}.media-item:hover .media-icon{background:var(--gradient-orange);color:#fff;transform:scale(1.1) rotate(10deg);box-shadow:0 10px 25px #f7931e4d}.media-content h4{font-size:20px;color:#333;margin-bottom:8px;font-weight:700}.media-content p{color:#666;font-size:15px;margin-bottom:12px}.tag{display:inline-block;padding:8px 18px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50px;font-size:13px;color:var(--orange-main);font-weight:700;letter-spacing:.5px;transition:all var(--transition-fast)}.media-item:hover .tag{background:var(--gradient-orange);color:#fff;transform:scale(1.05)}.extra-content-section{padding:150px 5%;background:linear-gradient(135deg,#fff8f0,#fff5e6);position:relative;overflow:hidden}.extra-content-section h2{font-size:3.5rem;font-weight:900;color:var(--orange-main);margin-bottom:80px;text-align:center;position:relative;animation:slide-in-down 1s ease-out,fade-in 1.2s ease-out}.extra-content-section h2:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:150px;height:6px;background:var(--gradient-orange);border-radius:3px;animation:wave 2s infinite}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;max-width:1300px;margin:0 auto 120px;position:relative;z-index:1}.testimonial-card{background:#fff;padding:50px 40px;border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium);text-align:left;transition:all var(--transition-medium);position:relative;overflow:hidden;border-top:8px solid var(--orange-main);animation:slide-in-up .8s ease-out,fade-in 1s ease-out;opacity:0;transform:translateY(50px)}.testimonial-card.show{opacity:1;transform:translateY(0)}.testimonial-card:nth-child(1){animation-delay:.1s}.testimonial-card:nth-child(2){animation-delay:.3s}.testimonial-card:nth-child(3){animation-delay:.5s}.testimonial-card:before{content:'"';position:absolute;top:-30px;right:40px;font-size:180px;color:#f7931e1a;font-family:Georgia,serif;line-height:1;z-index:0}.testimonial-card:hover{transform:translateY(-25px);box-shadow:0 50px 100px #0003;border-top-color:#ffa94d;animation:shake .5s ease}.testimonial-card p{font-style:italic;font-size:19px;line-height:1.7;margin-bottom:35px;color:#4a5568;position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;color:var(--orange-main);font-weight:800;font-size:17px;position:relative;z-index:1;transition:all var(--transition-fast)}.testimonial-card:hover .testimonial-author{color:#ff8b35}.testimonial-author i{font-size:28px;margin-right:20px;color:var(--orange-main);transition:all var(--transition-medium)}.testimonial-card:hover .testimonial-author i{transform:scale(1.5) rotate(15deg);color:#ff8b35;animation:pulse 1s infinite}.cta-banner{background:linear-gradient(135deg,var(--orange-main),#ff8b35);color:#fff;padding:80px 60px;border-radius:var(--border-radius-large);max-width:1100px;margin:120px auto;box-shadow:var(--shadow-strong);position:relative;overflow:hidden;text-align:center;animation:slide-in-up 1s ease-out,fade-in 1.2s ease-out}.cta-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:rotate 30s linear infinite}.cta-banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.cta-banner h3{font-size:3.2rem;margin-bottom:25px;font-weight:900;position:relative;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.cta-banner p{font-size:1.3rem;margin-bottom:40px;opacity:.9;max-width:700px;margin-left:auto;margin-right:auto;position:relative;z-index:2;line-height:1.8}.cta-btn{padding:20px 60px;font-size:1.3rem;border-radius:50px;background:#c76538;color:var(--orange-main);font-weight:900;border:none;position:relative;z-index:2;transition:all var(--transition-medium);text-transform:uppercase;letter-spacing:1px;box-shadow:0 15px 40px #0000004d}.cta-btn:hover{background:#ce9e66;color:var(--orange-main);transform:translateY(-8px) scale(1.1);box-shadow:0 30px 60px #0006;animation:pulse 1s infinite,shake .5s ease}.content-filler-section{padding:80px 0;margin-top:80px;border-top:3px solid #e2e8f0;animation:fade-in 1.5s ease-out}.content-filler-section h3{font-size:2.8rem;margin-bottom:30px;color:var(--orange-main);text-align:center;font-weight:900;position:relative}.content-filler-section h3:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:5px;background:var(--gradient-orange);border-radius:3px}.content-filler-section p{max-width:900px;margin:0 auto 60px;color:#666;line-height:1.8;font-size:1.2rem;text-align:center}.filler-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;max-width:1300px;margin:0 auto}.filler-detail-card{background:#fff;padding:40px 35px;border-radius:var(--border-radius-medium);box-shadow:var(--shadow-soft);text-align:center;transition:all var(--transition-medium);position:relative;overflow:hidden;animation:float-simple 5s ease-in-out infinite}.filler-detail-card:nth-child(1){animation-delay:0s}.filler-detail-card:nth-child(2){animation-delay:.2s}.filler-detail-card:nth-child(3){animation-delay:.4s}.filler-detail-card:hover{transform:translateY(-20px) scale(1.05);box-shadow:var(--shadow-strong);animation:none}.filler-detail-card i{font-size:50px;color:var(--orange-main);margin-bottom:25px;display:inline-block;transition:all var(--transition-medium)}.filler-detail-card:hover i{color:#ff8b35;transform:scale(1.3) rotate(15deg)}.filler-detail-card h4{font-size:24px;margin-bottom:20px;color:var(--orange-main);font-weight:800}.filler-detail-card p{color:#666;font-size:16px;line-height:1.7;margin:0}.analytics-preview-section{padding:150px 5%;background:var(--gradient-orange);color:#fff;text-align:center;position:relative;overflow:hidden}.analytics-preview-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(247,147,30,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,169,77,.3) 0%,transparent 50%);animation:gradient-shift 12s ease infinite}.analytics-container{max-width:1200px;margin:0 auto;position:relative;z-index:2;animation:slide-in-up 1s ease-out,fade-in 1.2s ease-out}.analytics-container h3{font-size:3.5rem;margin-bottom:25px;font-weight:900;color:#fff;position:relative;display:inline-block}.analytics-container h3:after{content:"📊";position:absolute;top:-30px;right:-40px;font-size:40px;animation:float 4s ease-in-out infinite}.analytics-container p{font-size:1.3rem;margin-bottom:60px;opacity:.9;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8}.analytics-grid{display:flex;justify-content:center;gap:60px;margin:80px 0;flex-wrap:wrap;position:relative;z-index:2}.analytics-item{background:#ffffff26;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);padding:50px 40px;border-radius:var(--border-radius-large);min-width:220px;border:2px solid rgba(255,255,255,.3);transition:all var(--transition-medium);animation:slide-in-up .8s ease-out,fade-in 1s ease-out;opacity:0;transform:translateY(50px)}.analytics-item.show{opacity:1;transform:translateY(0)}.analytics-item:nth-child(1){animation-delay:.1s}.analytics-item:nth-child(2){animation-delay:.3s}.analytics-item:nth-child(3){animation-delay:.5s}.analytics-item:hover{transform:translateY(-25px) scale(1.1);background:#ffffff40;border-color:#fff;box-shadow:0 30px 60px #ffa94d66;animation:pulse-glow 2s infinite}.analytics-item i{font-size:4rem;margin-bottom:25px;color:#fff;display:inline-block;transition:all var(--transition-medium)}.analytics-item:hover i{transform:scale(1.4) rotate(20deg);color:#fff5e6;animation:rotate 2s linear infinite}.analytics-item h4{font-size:2.5rem;margin:20px 0;font-weight:900;color:#fff}.analytics-item p{font-size:18px;color:#ffffffe6;font-weight:600;letter-spacing:1px;margin:0}.analytics-cta{margin-top:60px;padding:20px 50px;font-size:1.2rem;background:#ff8f44;color:var(--orange-main);border:none;font-weight:900;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-medium);box-shadow:0 15px 40px #0000004d}.analytics-cta:hover{background:#d6a66f;color:var(--orange-main);transform:translateY(-5px) scale(1.1);box-shadow:0 25px 60px #0006;animation:shake .5s ease}.professional-footer{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#e0e0e0;padding:120px 5% 60px;font-size:14px;position:relative;overflow:hidden;border-top:1px solid rgba(247,147,30,.2)}.professional-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:8px;background:var(--gradient-orange);animation:gradient-orange-shift 5s infinite;opacity:.8}.professional-footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(247,147,30,.1) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(177,133,255,.05) 0%,transparent 50%);animation:rotate 60s linear infinite;z-index:0}.footer-container{max-width:1300px;margin:0 auto;position:relative;z-index:1}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:60px;margin-bottom:80px;animation:slide-in-up 1s ease-out,fade-in 1.2s ease-out}.footer-column{position:relative}.footer-column h4{color:#fff;margin-bottom:30px;font-size:18px;font-weight:800;position:relative;padding-bottom:15px;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.footer-column h4:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:4px;background:var(--gradient-orange);border-radius:2px;transition:width var(--transition-fast)}.footer-column:hover h4:after{width:80px}.footer-column li{margin-bottom:15px;transform:translate(0);transition:transform var(--transition-fast)}.footer-column li:hover{transform:translate(10px)}.footer-column a{color:#ccc;text-decoration:none;font-size:15px;transition:all var(--transition-fast);display:inline-block;padding:5px 0;position:relative;font-weight:500}.footer-column a:before{content:"→";position:absolute;left:-20px;opacity:0;transition:all var(--transition-fast)}.footer-column a:hover{color:var(--orange-main);padding-left:20px;font-weight:600}.footer-column a:hover:before{opacity:1;left:0}.contact-info p{margin:12px 0;font-size:15px;transition:all var(--transition-fast);padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.1);color:#e0e0e0}.contact-info p:hover{transform:translate(10px);color:#fff;border-bottom-color:var(--orange-light)}.contact-info a{color:var(--orange-main);text-decoration:none;font-weight:600;transition:all var(--transition-fast);position:relative}.contact-info a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-orange);transition:width var(--transition-fast)}.contact-info a:hover:after{width:100%}.phone-number{color:var(--orange-main);font-weight:700;font-size:17px;position:relative;display:inline-block;cursor:pointer;transition:all var(--transition-fast);text-shadow:0 2px 4px rgba(0,0,0,.3)}.phone-number:hover{transform:scale(1.05);text-shadow:0 0 15px var(--orange-main)}.phone-number.glow{animation:neon-text-orange 1.5s infinite,pulse 1s infinite}.newsletter-desc{margin-bottom:20px;font-size:15px;line-height:1.6;color:#aaa}.newsletter-form{display:flex;gap:10px;position:relative}.newsletter-form input{flex:1;padding:16px 20px;background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:50px;color:#fff;font-size:15px;transition:all var(--transition-medium);outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-form input:focus{border-color:var(--orange-main);background:#ffffff1f;box-shadow:0 0 25px #f7931e4d;transform:scale(1.02)}.newsletter-form button{background:var(--gradient-orange);color:#fff;border:none;padding:16px 35px;border-radius:50px;cursor:pointer;font-weight:700;transition:all var(--transition-medium);text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 25px #f7931e4d}.newsletter-form button:hover{background:linear-gradient(135deg,#ff8b35,var(--orange-main));transform:scale(1.05);box-shadow:0 15px 35px #f7931e66;animation:pulse 1s infinite}.footer-divider{height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:60px 0 40px;position:relative}.footer-bottom-compact{display:flex;justify-content:space-between;align-items:center;padding:40px 0 20px;flex-wrap:wrap;gap:30px;animation:fade-in 1.5s ease-out}.footer-brand-compact{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer-logo-compact{display:flex;align-items:center;gap:12px;font-weight:900;font-size:22px;color:var(--orange-main);transition:all var(--transition-medium);padding:12px 25px;border-radius:50px;background-color:#ffffff14;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border:1px solid rgba(255,255,255,.1)}.footer-logo-compact:hover{transform:scale(1.05) rotate(-5deg);background-color:#ffffff1f;box-shadow:0 10px 30px #f7931e33}.footer-logo-compact i{font-size:20px;animation:rotate 10s linear infinite;color:var(--orange-main)}.footer-brand-compact p{color:#aaa;font-size:14px;margin:0;font-weight:500;letter-spacing:.5px;opacity:.9}.footer-brand-compact p:hover{opacity:1;color:#ccc}.footer-social-compact{display:flex;gap:15px}.footer-social-compact a{width:50px;height:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--orange-main);border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;font-size:20px;transition:all var(--transition-medium);position:relative;overflow:hidden;box-shadow:0 5px 15px #0003;border:1px solid rgba(255,255,255,.1)}.footer-social-compact a:nth-child(1){color:#1da1f2}.footer-social-compact a:nth-child(2){color:#1877f2}.footer-social-compact a:nth-child(3){color:#e1306c}.footer-social-compact a:nth-child(4){color:#0077b5}.footer-social-compact a:nth-child(5){color:red}.footer-social-compact a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;border-radius:var(--border-radius-circle);transform:scale(0);transition:transform var(--transition-medium);z-index:-1;opacity:.2}.footer-social-compact a:hover{color:#fff;transform:translateY(-8px) scale(1.15);box-shadow:0 15px 35px #0006;border-color:currentColor}.footer-social-compact a:hover:before{transform:scale(1)}.footer-social-compact a:nth-child(1):hover{box-shadow:0 15px 35px #1da1f24d}.footer-social-compact a:nth-child(2):hover{box-shadow:0 15px 35px #1877f24d}.footer-social-compact a:nth-child(3):hover{box-shadow:0 15px 35px #e1306c4d}.footer-social-compact a:nth-child(4):hover{box-shadow:0 15px 35px #0077b54d}.footer-social-compact a:nth-child(5):hover{box-shadow:0 15px 35px #ff00004d}.confetti{position:absolute;width:10px;height:10px;background:var(--gradient-orange);border-radius:50%;opacity:0;pointer-events:none;z-index:9999}.btn-particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;pointer-events:none;opacity:0}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple .6s linear;pointer-events:none}.star{position:absolute;color:var(--orange-main);font-size:20px;opacity:0;pointer-events:none;z-index:9999}@media (max-width: 1400px){.hero-title{font-size:3.8rem}.about-us-text h2{font-size:3.2rem}.extra-content-section h2{font-size:3rem}.cta-banner h3{font-size:2.8rem}}@media (max-width: 1200px){.hero-title{font-size:3.2rem}.hero-left p{font-size:1.1rem}.about-us-content{gap:60px}.about-us-text h2{font-size:2.8rem}.features,.dashboard-grid,.testimonials-grid,.filler-details-grid{grid-template-columns:repeat(2,1fr);gap:40px}.footer-columns{grid-template-columns:repeat(2,1fr);gap:50px}.analytics-item{min-width:180px;padding:40px 30px}}@media (max-width: 992px){.banner-header{flex-direction:column;gap:30px;text-align:center;padding:25px 5%}.logo{margin-right:0;margin-bottom:15px}nav ul{justify-content:center;gap:20px}.hero-main-content{flex-direction:column;text-align:center;padding-bottom:80px;gap:80px}.hero-left{padding-right:0;align-items:center}.hero-title{font-size:2.8rem}.hero-title:before,.hero-title:after{display:none}.hero-left p{border-left:none;padding:20px;border-radius:15px;background:#ffffffb3}.hero-image-placeholder{width:100%;max-width:600px}.about-us-content{flex-direction:column;gap:80px}.about-us-text{padding-right:0;text-align:center}.about-us-text h2:after{left:50%;transform:translate(-50%)}.about-us-stats{justify-content:center;flex-wrap:wrap}.stat-item{min-width:200px}.search-container-wrapper{position:relative;max-width:700px;margin:40px 0;animation:slide-in-up .8s ease-out .5s both;overflow:visible!important}.social-icons-section{justify-content:center}.footer-bottom-compact{flex-direction:column;text-align:center;gap:40px}.footer-brand-compact{flex-direction:column;gap:20px}}@media (max-width: 768px){.hero-title{font-size:2.4rem}.about-us-text h2,.extra-content-section h2{font-size:2.2rem}.cta-banner h3{font-size:2rem}.analytics-container h3{font-size:2.5rem}.features,.dashboard-grid,.testimonials-grid,.filler-details-grid{grid-template-columns:1fr;gap:30px}.stat-item h3{font-size:3rem}.analytics-grid{flex-direction:column;align-items:center}.analytics-item{width:100%;max-width:300px}.footer-columns{grid-template-columns:1fr;gap:40px}.auth-buttons{width:100%;justify-content:center}.btn{min-width:160px}.search-container{flex-direction:row;padding:10px;border-radius:20px}.search-input{padding:18px 70px 18px 20px;margin-bottom:0;font-size:16px}.clear-icon{right:60px;top:50%;transform:translateY(-50%);padding:6px;font-size:12px}.search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:45px;height:45px;font-size:18px}.search-results-dropdown{top:calc(100% + 5px);max-height:350px}.search-result-item{padding:15px 20px}.user-avatar{width:50px;height:50px;font-size:22px;margin-right:15px}.social-icon-box{width:55px;height:55px;font-size:24px}.custom-alert{left:20px;right:20px;max-width:none;top:20px;padding:15px 20px;font-size:14px}}@media (max-width: 576px){.hero-title{font-size:2rem}.hero-left p{font-size:1rem;padding:15px}.btn{width:100%;max-width:280px;min-width:unset}.auth-buttons{flex-direction:column;gap:15px}nav ul{flex-direction:column;text-align:center;gap:15px}nav a{display:block;padding:12px 20px}.stat,.profile{flex-direction:column;text-align:center}.stat-icon,.profile-img{margin-right:0;margin-bottom:20px}.feature-card,.card,.testimonial-card{padding:35px 25px}.cta-banner{padding:50px 30px}.cta-banner h3{font-size:1.8rem}.newsletter-form{flex-direction:column;gap:12px}.newsletter-form button{width:100%}.footer-social-compact{justify-content:center}.about-us-stats{gap:30px}.stat-item{min-width:100%}.search-input{padding:16px 60px 16px 15px;font-size:15px}.clear-icon{right:50px}.search-icon{width:40px;height:40px;font-size:16px}}@media (max-width: 400px){.hero-title{font-size:1.8rem}.logo-main{font-size:24px}.hero-subtitle{font-size:16px}.social-icon-box{width:50px;height:50px;font-size:22px}.feature-card h3,.card h3{font-size:22px}.stat-content h4{font-size:32px}.analytics-item h4{font-size:2rem}}@media (max-width: 1400px){.hero-main-content{max-width:1200px;padding:0 5% 80px}.about-us-content,.dashboard-grid{max-width:1100px}}@media (max-width: 1200px){.hero-main-content{gap:40px}.hero-title{font-size:3.5rem}.hero-image-placeholder{max-width:650px}.about-us-stats{gap:40px}.stat-item{min-width:180px}}@media (max-width: 768px){.search-input{font-size:16px!important;padding:18px 65px 18px 20px!important}.search-icon{width:45px;height:45px;right:15px}.clear-icon{right:55px}.btn,.cta-btn,.analytics-cta{min-height:50px;padding:16px 24px}nav a{padding:15px 20px;min-height:50px}.hero-title{font-size:2.5rem;line-height:1.1}.hero-left p{font-size:1.1rem;line-height:1.6}.feature-card,.card,.testimonial-card{padding:35px 25px}.stat-item{padding:20px 15px}.stat-item h3{font-size:3rem}}@media (max-width: 576px){.banner-section,.about-us-section,.main-content,.extra-content-section,.analytics-preview-section,.professional-footer{padding-left:20px!important;padding-right:20px!important}.banner-header{padding:20px 15px;gap:20px}.logo{justify-content:center;width:100%}nav ul{flex-direction:column;width:100%;gap:10px}nav a{text-align:center;width:100%;padding:12px}.auth-buttons{flex-direction:column;width:100%;gap:12px}.btn{width:100%;max-width:300px;margin:0 auto}.hero-main-content{padding:0 15px 50px;gap:50px}.hero-title{font-size:2.2rem;text-align:center}.hero-left p{text-align:center;padding:15px;font-size:1rem}.search-container-wrapper{margin:30px 0}.search-container{border-radius:20px}.search-input{padding:16px 60px 16px 18px!important;font-size:15px!important}.social-icons-section{justify-content:center;flex-wrap:wrap;gap:15px}.social-icon-box{width:50px;height:50px;font-size:22px}.about-us-text h2{font-size:2rem;text-align:center}.about-us-stats{flex-direction:column;gap:25px}.stat-item{width:100%}.features,.dashboard-grid,.testimonials-grid,.filler-details-grid{grid-template-columns:1fr;gap:30px}.cta-banner{padding:40px 25px;margin:60px auto}.cta-banner h3{font-size:1.8rem}.cta-btn{padding:16px 40px;font-size:1.1rem}.footer-columns{grid-template-columns:1fr;gap:35px}.footer-bottom-compact{flex-direction:column;text-align:center;gap:25px}.footer-social-compact{justify-content:center}.newsletter-form{flex-direction:column;gap:12px}.newsletter-form input,.newsletter-form button{width:100%}.hero-image-placeholder{max-width:100%;width:100%}.hero-image-placeholder img{border-radius:20px}}@media (max-width: 375px){.hero-title{font-size:1.9rem}.about-us-text h2,.extra-content-section h2,.analytics-container h3{font-size:1.7rem}.stat-item h3{font-size:2.5rem}.btn{padding:14px 20px;font-size:14px}.social-icon-box{width:45px;height:45px;font-size:20px}}@media (hover: none) and (pointer: coarse){.btn,.social-icon-box,nav a,.search-icon{min-height:44px}.search-input{min-height:44px}.social-icon-box,.feature-card,.card,.testimonial-card{animation-duration:1.5s}.btn:hover:before,.btn:hover:after,nav a:hover:before,nav a:hover:after{animation:none}}@media screen and (max-width: 768px){input,select,textarea{font-size:16px!important}}@media (max-width: 768px){.search-results-dropdown{max-height:300px;-webkit-overflow-scrolling:touch}}img{max-width:100%;height:auto;display:block}@media (max-width: 768px){body{font-size:16px;line-height:1.5}h1,h2,h3,h4{line-height:1.2}p{line-height:1.6}}.animate-pulse{animation:pulse 2s infinite}.animate-pulse-glow{animation:pulse-glow 2s infinite}.animate-shake{animation:shake .5s ease}.animate-vibrate{animation:vibrate .3s ease}.animate-rotate{animation:rotate 2s linear infinite}.animate-gradient{animation:gradient-orange-shift 5s infinite}.animate-neon{animation:neon-border-orange 3s infinite}.animate-bounce-in{animation:bounce-in .6s ease}.animate-slide-in-left{animation:slide-in-left .8s ease-out}.animate-slide-in-right{animation:slide-in-right .8s ease-out}.animate-slide-in-up{animation:slide-in-up .8s ease-out}.animate-slide-in-down{animation:slide-in-down .8s ease-out}.animate-fade-in{animation:fade-in .8s ease-out}.animate-zoom-in{animation:zoom-in .5s ease}.animate-flip-in{animation:flip-in .6s ease}.animate-typing{animation:typing 3s steps(40,end),blink .75s step-end infinite}.show-on-scroll{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.show-on-scroll.show{opacity:1;transform:translateY(0)}.hover-lift:hover{transform:translateY(-10px)}.hover-rotate{transition:transform var(--transition-medium)}.hover-rotate:hover{transform:rotate(5deg)}.hover-glow{transition:box-shadow var(--transition-medium)}.hover-glow:hover{box-shadow:0 0 30px currentColor}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--gradient-orange);border-radius:10px;border:3px solid #f0f0f0}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff8b35,var(--orange-main))}.loading-spinner{display:inline-block;width:50px;height:50px;border:5px solid rgba(247,147,30,.2);border-radius:50%;border-top-color:var(--orange-main);animation:rotate 1s linear infinite}.loading-pulse{display:inline-block;width:20px;height:20px;border-radius:50%;background:var(--gradient-orange);animation:pulse 1.5s infinite}.loading-wave{display:flex;justify-content:center;align-items:center;gap:5px}.loading-wave div{width:10px;height:30px;background:var(--gradient-orange);border-radius:5px;animation:wave 1.2s ease-in-out infinite}.loading-wave div:nth-child(2){animation-delay:-.2s}.loading-wave div:nth-child(3){animation-delay:-.4s}.loading-wave div:nth-child(4){animation-delay:-.6s}.loading-wave div:nth-child(5){animation-delay:-.8s}.cursor-effect{position:fixed;width:20px;height:20px;border-radius:50%;background:var(--gradient-orange);pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:transform .1s ease}.cursor-effect.active{transform:translate(-50%,-50%) scale(1.5);background:linear-gradient(135deg,#ff8b35,var(--orange-main))}@media (prefers-color-scheme: dark){:root{--white: #0a0a0a;--black: #ffffff;--gray-light: #1a1a1a}.banner-section{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.hero-left p{color:#ccc;background:#1e1e1eb3}.feature-card,.card,.testimonial-card,.filler-detail-card{background:#282828e6;color:#ccc}.feature-card h3,.card h3,.filler-detail-card h4{color:var(--orange-main)}.feature-card p,.card p,.testimonial-card p,.filler-detail-card p{color:#aaa}.search-container{background:#2a2a2a}.search-input{background:#2a2a2a;color:#fff}.search-results-dropdown{background:#2a2a2a;border-color:#444}.search-result-item{background:#2a2a2a}.search-result-item:hover{background:#333}.user-info h4{color:#fff!important}.user-info p{color:#ccc!important}.user-bio{color:#aaa!important}.professional-footer{background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.social-icon-box{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.05)}.social-icon-box:hover{background:#ffffff26}}.section-animate{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.175,.885,.32,1.275)}.section-animate.visible{opacity:1;transform:translateY(0)}.section-animate.delay-1{transition-delay:.1s}.section-animate.delay-2{transition-delay:.2s}.section-animate.delay-3{transition-delay:.3s}.section-animate.delay-4{transition-delay:.4s}.section-animate.delay-5{transition-delay:.5s}.parallax-element{transition:transform .3s ease-out}.perspective-3d{perspective:1000px;transform-style:preserve-3d}.rotate-3d{transform:rotateX(10deg) rotateY(-10deg);transition:transform .5s ease}.rotate-3d:hover{transform:rotateX(0) rotateY(0)}.text-gradient{background:var(--gradient-orange);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:gradient-orange-shift 3s infinite}.text-stroke{-webkit-text-stroke:2px var(--orange-main);color:transparent}.text-shadow{text-shadow:3px 3px 0px rgba(247,147,30,.3),6px 6px 0px rgba(247,147,30,.1)}.bg-animate-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.bg-animate-particles span{position:absolute;display:block;width:20px;height:20px;background:#ffa94d1a;border-radius:50%;animation:float 15s infinite linear}.bg-animate-particles span:nth-child(1){top:20%;left:20%;animation-delay:0s}.bg-animate-particles span:nth-child(2){top:60%;left:80%;animation-delay:2s;animation-duration:12s}.bg-animate-particles span:nth-child(3){top:80%;left:40%;animation-delay:4s;animation-duration:18s}.glow-effect{position:relative;overflow:hidden}.glow-effect:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}.page-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-orange);z-index:99999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s ease}.page-transition.active{opacity:1;pointer-events:all}.page-transition .loading-text{color:#fff;font-size:2rem;font-weight:700;animation:pulse 1.5s infinite}.visual-sound{display:flex;justify-content:center;align-items:center;gap:5px;height:50px}.visual-sound-bar{width:5px;height:100%;background:var(--gradient-orange);border-radius:5px;animation:sound-wave 1s ease-in-out infinite}.visual-sound-bar:nth-child(2){animation-delay:.1s}.visual-sound-bar:nth-child(3){animation-delay:.2s}.visual-sound-bar:nth-child(4){animation-delay:.3s}.visual-sound-bar:nth-child(5){animation-delay:.4s}@keyframes sound-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;opacity:0;pointer-events:none;z-index:100}.flash.active{animation:flash .3s ease}@keyframes flash{0%,to{opacity:0}50%{opacity:1}}.impact{position:relative;overflow:hidden}.impact:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .5s,height .5s}.impact.active:before{width:300px;height:300px}.distort{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.distort:hover{transform:skew(-5deg,-5deg) scale(1.05)}.blur-in{filter:blur(10px);opacity:0;animation:blur-in .8s ease forwards}@keyframes blur-in{to{filter:blur(0);opacity:1}}.typewriter{overflow:hidden;border-right:3px solid var(--orange-main);white-space:nowrap;animation:typing 3.5s steps(40,end),blink .75s step-end infinite}.animated-gradient{background:linear-gradient(90deg,var(--orange-main),#ffa94d,#ff8b35,var(--orange-main));background-size:400% 100%;animation:gradient-orange-shift 5s infinite linear}.neon{color:#fff;text-shadow:0 0 5px var(--orange-main),0 0 10px var(--orange-main),0 0 15px var(--orange-main),0 0 20px #ffa94d,0 0 35px #ffa94d,0 0 40px #ffa94d;animation:neon-text-orange 1.5s infinite}.hover-3d{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.hover-3d:hover{transform:rotateX(10deg) rotateY(10deg) translateZ(20px)}.animated-shadow{animation:shadow-pulse 2s infinite}@keyframes shadow-pulse{0%,to{box-shadow:0 10px 30px #f7931e4d}50%{box-shadow:0 20px 50px #f7931e80}}.flip-container{perspective:1000px}.flip-card{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275)}.flip-card.flipped{transform:rotateY(180deg)}.flip-front,.flip-back{backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%}.flip-back{transform:rotateY(180deg)}.zoom-parallax{transition:transform .5s ease-out}.zoom-parallax:hover{transform:scale(1.1)}.search-dropdown-portal{position:fixed!important;z-index:9999!important}.search-dropdown-content{background:#fff;border-radius:12px;box-shadow:0 10px 50px #00000040;border:1px solid #e2e8f0;max-height:500px;overflow:hidden;display:flex;flex-direction:column;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:15px 20px;border-bottom:1px solid #f1f5f9;background:#f8fafc;font-size:13px;color:#64748b;font-weight:600;display:flex;align-items:center;gap:8px}.dropdown-results{overflow-y:auto;max-height:400px;padding:5px 0}.dropdown-results::-webkit-scrollbar{width:6px}.dropdown-results::-webkit-scrollbar-track{background:#f1f5f9}.dropdown-results::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-item{display:flex;align-items:center;padding:14px 20px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f1f5f9;gap:15px}.dropdown-item:hover{background:#f8fafc}.dropdown-item:last-child{border-bottom:none}.dropdown-item-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:2px solid #e2e8f0}.dropdown-item-avatar img{width:100%;height:100%;object-fit:cover}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-fallback i{color:#fff;font-size:18px}.dropdown-item-info{flex:1;min-width:0}.item-name{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:3px;line-height:1.3;white-space:normal;word-break:break-word}.item-username{font-size:13px;color:#64748b;margin-bottom:5px;font-weight:500}.item-bio{font-size:12px;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dropdown-item-action{width:32px;height:32px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.dropdown-item:hover .dropdown-item-action{background:#3b82f6}.dropdown-item:hover .dropdown-item-action i{color:#fff}.dropdown-item-action i{color:#64748b;font-size:14px}.dropdown-loading,.dropdown-error,.dropdown-no-results{padding:30px 20px;text-align:center;color:#64748b}.dropdown-loading i,.dropdown-error i,.dropdown-no-results i{font-size:24px;margin-bottom:10px;color:#3b82f6}.dropdown-error i{color:#ef4444}.dropdown-no-results i{color:#94a3b8}.dropdown-error{color:#ef4444;background:#fef2f2}.dropdown-no-results p{margin-top:8px;font-size:14px}html,body{height:100%;overflow-x:hidden}.login-fullscreen{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#f8ebde 25%,#fff 50% 75%,#f093fb);background-size:400% 400%;animation:gradientBG 15s ease infinite;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{display:flex;width:100%;max-width:1400px;min-height:85vh;max-height:95vh;background:#fffffff7;box-shadow:0 25px 70px #00000026;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:containerAppear 1.2s ease-out;overflow:hidden;border-radius:30px}.login-left-panel{flex:1.2;position:relative;min-height:100%;background:linear-gradient(135deg,#667eea26,#764ba226,#f093fb26);overflow:hidden;display:flex;flex-direction:column}.left-panel-image{flex:1;width:100%;height:100%;background-size:contain;background-position:center center;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:transparent;animation:floatImage 6s ease-in-out infinite alternate}.welcome-text h1{font-size:42px;margin-bottom:15px;font-weight:900;line-height:1.1;text-shadow:3px 3px 15px rgba(0,0,0,.2);background:linear-gradient(135deg,#667eea,#764ba2,#f093fb 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:300% auto;animation:gradientText 4s ease-in-out infinite alternate,textGlow 2s ease-in-out infinite}@keyframes gradientText{0%{background-position:0% 50%;text-shadow:3px 3px 15px rgba(102,126,234,.5)}50%{background-position:100% 50%;text-shadow:3px 3px 20px rgba(240,147,251,.6)}to{background-position:0% 50%;text-shadow:3px 3px 15px rgba(118,75,162,.5)}}@keyframes textGlow{0%,to{filter:drop-shadow(0 0 5px rgba(102,126,234,.3))}50%{filter:drop-shadow(0 0 15px rgba(240,147,251,.5))}}.welcome-text p{font-size:20px;line-height:1.4;color:#667eea;font-weight:700;background:linear-gradient(135deg,#fffffffa,#fffffff2);padding:15px 30px;border-radius:20px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(102,126,234,.3);box-shadow:0 15px 35px #667eea40,inset 0 2px 10px #fffc;animation:pulseText 2.5s ease-in-out infinite,rotateBorder 10s linear infinite}@keyframes pulseText{0%,to{transform:scale(1);box-shadow:0 15px 35px #667eea40,inset 0 2px 10px #fffc}50%{transform:scale(1.08);box-shadow:0 20px 45px #667eea66,inset 0 2px 15px #ffffffe6}}@keyframes rotateBorder{0%{border-color:#667eea4d}33%{border-color:#764ba24d}66%{border-color:#f093fb4d}to{border-color:#667eea4d}}.login-right-panel{flex:1.4;display:flex;flex-direction:column;overflow:hidden;animation:slideInRight 1s ease-out .5s both}.right-scroll-content{flex:1;overflow-y:auto;padding:25px 60px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#667eea transparent}.right-scroll-content::-webkit-scrollbar{width:6px}.right-scroll-content::-webkit-scrollbar-track{background:transparent}.right-scroll-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.login-form-container{width:100%;max-width:500px;margin:0 auto;padding:15px 0}.welcome-mobile{display:none;text-align:center;margin-bottom:25px;padding:25px;background:linear-gradient(135deg,#fffffffa,#fffffff2);border-radius:20px;border:3px solid #764ba2;box-shadow:0 15px 40px #764ba24d;animation:mobileWelcomeEntry .8s ease-out}@keyframes mobileWelcomeEntry{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.welcome-mobile h1{font-size:28px;margin-bottom:10px;font-weight:800;color:#667eea}.welcome-mobile p{font-size:16px;color:#764ba2;font-weight:600}.login-form-container h1{font-size:40px;margin-bottom:10px;color:#667eea;font-weight:800;text-shadow:3px 3px 10px rgba(0,0,0,.15)}.form-subtitle{font-size:19px;color:#764ba2;margin-bottom:0;font-weight:600}.login-form{width:100%;margin-bottom:20px;animation:formSlideUp .8s ease-out .9s both}.form-group label{display:block;margin-bottom:10px;font-weight:700;color:#667eea;font-size:16px}.form-input{width:100%;padding:16px 50px 16px 16px;border:3px solid #764ba2;border-radius:15px;font-size:16px;transition:all .3s ease;background:#fffffff2;color:#333;box-shadow:0 8px 25px #764ba226;transform-style:preserve-3d;perspective:1000px}.form-input:hover{border-color:#667eea;transform:translateY(-2px) translateZ(10px);box-shadow:0 12px 35px #667eea40}.form-input:focus{outline:none;border-color:#f093fb;background:#fff;box-shadow:0 0 0 3px #f093fb4d;transform:translateY(-3px) translateZ(20px)}.form-input.focused{border-color:#f093fb;background:#fff}.form-input.has-value{background:#fff;border-color:#667eea;animation:inputSuccess 1s ease-out}@keyframes inputSuccess{0%{transform:scale(.98);box-shadow:0 0 #667eea00}50%{transform:scale(1.02);box-shadow:0 0 20px #667eea66}to{transform:scale(1);box-shadow:0 8px 25px #764ba226}}.form-input::placeholder{color:#764ba2;font-size:15px}.form-input:focus::placeholder{color:#f093fb}.password-toggle{position:absolute;right:12px;background:#667eea26;border:2px solid #667eea;color:#667eea;cursor:pointer;font-size:12px;font-weight:700;padding:8px 12px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:36px;min-height:36px}.password-toggle:hover{background-color:#667eea66;transform:scale(1.1)}.login-btn{width:100%;padding:18px;border:none;border-radius:15px;font-size:18px;font-weight:800;cursor:pointer;transition:all .4s ease;margin-top:15px;position:relative;overflow:hidden;z-index:1;opacity:0;transform:translateY(20px);animation:buttonEntry .8s ease-out 1.2s forwards,gradientShift 4s ease-in-out infinite alternate}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:.8s;z-index:-1;animation:shine 3s ease-in-out infinite}.login-btn:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#667eea);background-size:400%;z-index:-2;border-radius:17px;animation:borderRotate 5s linear infinite;opacity:0;transition:opacity .3s ease}.login-btn:hover:after{opacity:1}.login-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2 40%,#f093fb);color:#fff;background-size:300% auto;box-shadow:0 15px 40px #667eea80}@keyframes gradientShift{0%{background-position:0% 50%;box-shadow:0 15px 40px #667eea80}50%{background-position:100% 50%;box-shadow:0 20px 50px #f093fb99}to{background-position:0% 50%;box-shadow:0 15px 40px #ffcf7780}}.login-btn.primary:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 25px 60px #667eeab3}.login-btn.primary:disabled{background:linear-gradient(135deg,#ccc,#aaa);cursor:not-allowed;transform:none;box-shadow:none;animation:none}.login-btn.primary:disabled:hover{background:linear-gradient(135deg,#ccc,#aaa);transform:none}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;opacity:0;animation:optionsEntry .6s ease-out 1.3s forwards}@keyframes optionsEntry{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.remember{display:flex;align-items:center;gap:8px;font-size:15px;color:#eecd86;cursor:pointer;font-weight:600}.remember input{width:18px;height:18px;accent-color:#667eea;cursor:pointer;min-width:18px}.forgot-link{color:#667eea;text-decoration:none;font-size:15px;font-weight:700;position:relative;transition:all .3s ease}.forgot-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#f093fb);transition:width .3s ease}.forgot-link:hover{color:#f093fb}.forgot-link:hover:after{width:100%}.login-divider{display:flex;align-items:center;margin:15px 0;color:#667eea;font-weight:700;opacity:0;animation:dividerEntry .6s ease-out 1.4s forwards}.login-divider:before,.login-divider:after{content:"";flex:1;height:3px;background:linear-gradient(90deg,transparent,#f3c096,#f093fb,transparent)}.login-divider span{padding:0 30px;font-size:18px;font-weight:800;background:#fff;border-radius:25px;border:3px solid #ffdead;box-shadow:0 5px 20px #ffdf7588}.social-login{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:12px;opacity:0;animation:socialEntry .6s ease-out 1.5s forwards}.google-login-container{width:100%;max-width:300px;margin:0 auto;position:relative;animation:googleContainerEntry .6s ease-out 1.5s forwards,googleContainerFloat 6s ease-in-out infinite alternate 2s;opacity:0}.google-preferences{text-align:center;margin-bottom:8px;color:#764ba2;font-size:13px;font-style:italic;opacity:0;animation:googlePrefEntry .6s ease-out 1.55s forwards,googlePrefPulse 3s ease-in-out infinite alternate 2s}@keyframes googlePrefText{0%{color:#fad184}33%{color:#eaa666}66%{color:#ffdb97}to{color:#ffc2aa}}.signup-section{text-align:center;color:#666;font-size:17px;padding:12px 0;border-top:3px dashed #fcce9b;margin-top:15px;opacity:0;animation:signupEntry .6s ease-out 1.6s forwards}@keyframes signupEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signup-link{color:#667eea;text-decoration:none;font-weight:800;position:relative;transition:all .3s ease;padding:3px 8px;border-radius:6px}.signup-link:hover{color:#f093fb;background:#667eea26;text-decoration:none}@media (max-width: 1200px){.login-container{max-width:95%}.right-scroll-content{padding:25px 40px}}@media (max-width: 968px){.login-fullscreen{padding:10px;min-height:100vh;height:auto}.login-container{flex-direction:column;height:auto;min-height:auto;max-height:none;border-radius:20px}.login-left-panel{display:none}.welcome-mobile{display:block}.login-right-panel{flex:1;width:100%}.right-scroll-content{padding:25px 30px;max-height:none}.login-form-container{max-width:100%;padding:0}.social-login{gap:10px;margin-bottom:10px}.google-login-container{max-width:280px}.google-btn{min-width:220px;padding:14px 18px;font-size:15px}.google-preferences{margin-bottom:6px;font-size:12px}.form-options{flex-direction:column;gap:15px;align-items:flex-start}.forgot-link{align-self:flex-end}.login-btn{padding:16px;font-size:17px}.password-toggle{right:10px;padding:6px 10px;width:36px;height:34px}.password-toggle i{font-size:13px}.form-input{padding:14px 45px 14px 14px;font-size:15px}.login-form-container h1{font-size:34px}.form-subtitle{font-size:18px}}@media (max-width: 768px){.login-container{border-radius:15px}.right-scroll-content{padding:20px 25px}.login-form-container h1{font-size:32px}.form-subtitle{font-size:17px}.form-group{margin-bottom:20px}.form-group label{font-size:15px}.login-btn{padding:16px;font-size:17px}.google-login-container{max-width:260px}.google-btn{min-width:200px;padding:12px 16px;font-size:14px}.google-icon{width:18px;height:18px}.google-btn-text{font-size:14px}.signup-section{font-size:16px}.welcome-mobile{padding:20px;margin-bottom:20px}.welcome-mobile h1{font-size:26px}.welcome-mobile p{font-size:15px}}@media (max-width: 576px){.login-fullscreen{padding:5px;background:linear-gradient(135deg,#f8b271,#ecc19d,#fff)}.login-container{border-radius:15px;box-shadow:0 15px 40px #0000001a}.right-scroll-content{padding:20px}.welcome-mobile{padding:15px;margin-bottom:15px;border-radius:15px}.welcome-mobile h1{font-size:24px}.welcome-mobile p{font-size:14px}.login-form-container h1{font-size:28px}.form-subtitle{font-size:16px}.form-input{padding:14px 40px 14px 14px;font-size:15px;border-width:2px}.password-toggle{right:8px;width:40px;height:38px;min-height:38px}.login-btn{padding:16px;font-size:16px;border-radius:12px}.form-options{flex-direction:column;align-items:stretch;gap:12px}.forgot-link{align-self:flex-end;font-size:14px}.remember{font-size:14px}.google-login-container{max-width:100%}.google-btn{min-width:100%;padding:14px 16px;font-size:14px}.google-icon{width:18px;height:18px}.google-preferences{font-size:12px}.signup-section{font-size:15px;padding:10px 0}.login-divider span{padding:0 20px;font-size:16px}}@media (max-width: 480px){.login-fullscreen{padding:0;border-radius:0}.login-container{border-radius:0;min-height:100vh;max-height:none;box-shadow:none}.right-scroll-content{padding:15px 20px}.welcome-mobile{padding:15px;margin-bottom:15px}.welcome-mobile h1{font-size:22px}.welcome-mobile p{font-size:13px}.login-form-container h1{font-size:26px}.form-subtitle{font-size:15px}.form-input{padding:12px 40px 12px 12px;font-size:14px}.password-toggle{right:8px;padding:5px 8px;width:36px;height:34px;min-height:34px}.password-toggle i{font-size:12px}.login-btn{padding:14px;font-size:16px}.social-login{gap:8px;margin-bottom:8px}.google-login-container{max-width:100%}.google-btn{min-width:100%;padding:12px 16px;font-size:14px}.google-icon{width:16px;height:16px}.google-preferences{font-size:11px;margin-bottom:5px}.signup-section{font-size:14px;padding:8px 0;margin-top:10px}.form-options,.remember,.forgot-link{font-size:14px}.error-text{font-size:13px}.error-message{padding:15px;font-size:14px}}@media (max-width: 360px){.right-scroll-content{padding:12px 15px}.welcome-mobile{padding:12px;margin-bottom:12px}.welcome-mobile h1{font-size:20px}.welcome-mobile p{font-size:12px}.login-form-container h1{font-size:24px}.form-subtitle,.form-group label{font-size:14px}.form-input{padding:10px 35px 10px 10px;font-size:13px}.password-toggle{right:6px;width:34px;height:32px;min-height:32px}.login-btn{padding:12px;font-size:15px}.google-btn{padding:10px 14px;font-size:13px;gap:8px}.google-icon{width:14px;height:14px}.signup-section{font-size:13px}}@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape){.login-container{max-height:90vh}.login-left-panel{flex:1}.right-scroll-content{padding:20px 40px}}@media (min-width: 1920px){.login-container{max-width:1600px}.login-form-container{max-width:550px}}.password-input-container input{width:100%;padding-right:50px}.password-toggle{position:absolute;right:10px;z-index:2;touch-action:manipulation}.password-toggle i.fa-eye,.password-toggle i.fa-eye-slash{display:inline-block;width:16px;height:16px;pointer-events:none}#email{width:100%}@media (max-width: 968px){input[type=email],input[type=password],input[type=text]{font-size:16px}}@media (max-width: 768px){.login-fullscreen{animation-duration:20s}.google-btn,.login-btn{animation-duration:2s}.google-particle{display:none}}@media (max-width: 820px) and (orientation: portrait){.login-container{height:100vh;overflow-y:auto}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.signup-fullscreen{width:100vw;min-height:100vh;background:linear-gradient(135deg,#eeb6a8,#f1d1b8 25%,#fff 50% 75%,#a855f7);background-size:400% 400%;animation:gradientBG 15s ease infinite;overflow-x:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:20px}.signup-container{display:flex;width:100%;max-width:1200px;min-height:90vh;background:#fffffff7;box-shadow:0 25px 70px #00000026;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:containerAppear 1.2s ease-out;border-radius:20px;overflow:hidden}.signup-left-panel{flex:1.2;position:relative;min-height:100%;background:linear-gradient(135deg,#ff7e5f26,#feb47b26,#a855f726);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.left-content{position:absolute;top:40px;left:0;right:0;z-index:2;text-align:center;padding:0 40px;animation:slideInLeft 1.2s cubic-bezier(.68,-.55,.265,1.55),bounceText 4s ease-in-out infinite}.welcome-text h1{font-size:42px;margin-bottom:15px;font-weight:900;line-height:1.1;text-shadow:3px 3px 15px rgba(0,0,0,.2);background:linear-gradient(135deg,#ff7e5f,#feb47b,#a855f7 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:300% auto;animation:gradientText 4s ease-in-out infinite alternate,textGlow 2s ease-in-out infinite}.welcome-text p{font-size:20px;line-height:1.4;color:#ff7e5f;font-weight:700;background:linear-gradient(135deg,#fffffffa,#fffffff2);padding:15px 30px;border-radius:20px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,126,95,.3);box-shadow:0 15px 35px #ff7e5f40,inset 0 2px 10px #fffc;animation:pulseText 2.5s ease-in-out infinite,rotateBorder 10s linear infinite}@keyframes pulseText{0%,to{transform:scale(1);box-shadow:0 15px 35px #ff7e5f40,inset 0 2px 10px #fffc}50%{transform:scale(1.08);box-shadow:0 20px 45px #ff7e5f66,inset 0 2px 15px #ffffffe6}}.signup-right-panel{flex:1.4;display:flex;flex-direction:column;overflow:hidden;animation:slideInRight 1s ease-out .5s both}.right-scroll-content{flex:1;overflow-y:auto;padding:25px 60px}.signup-form-container{width:100%;max-width:650px;margin:0 auto;padding:15px 0}.form-header{text-align:center;margin-bottom:35px;animation:formHeaderEntry .8s ease-out .7s both}@keyframes formHeaderEntry{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.signup-form-container h1{font-size:40px;margin-bottom:10px;color:#ff7e5f;font-weight:800;text-shadow:3px 3px 10px rgba(0,0,0,.15)}.form-subtitle{font-size:19px;color:#feb47b;margin-bottom:0;font-weight:600}.signup-form{width:100%;margin-bottom:20px;animation:formSlideUp .8s ease-out .9s both}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:15px}.form-column{display:flex;flex-direction:column}.form-group{margin-bottom:25px;position:relative;opacity:0;transform:translate(-20px);animation:formFieldEntry .6s ease-out forwards}.form-group:nth-child(1){animation-delay:1s}.form-group:nth-child(2){animation-delay:1.1s}.form-group:nth-child(3){animation-delay:1.2s}.form-group:nth-child(4){animation-delay:1.3s}@keyframes formFieldEntry{0%{opacity:0;transform:translate(-20px) rotateY(10deg)}to{opacity:1;transform:translate(0) rotateY(0)}}.form-group label{display:block;margin-bottom:10px;font-weight:700;color:#ff7e5f;font-size:16px}.form-input{width:100%;padding:16px 50px 16px 16px;border:3px solid #feb47b;border-radius:15px;font-size:16px;transition:all .3s ease;background:#fffffff2;color:#333;box-shadow:0 8px 25px #feb47b26;transform-style:preserve-3d;perspective:1000px}.form-input:hover{border-color:#ff7e5f;transform:translateY(-2px) translateZ(10px);box-shadow:0 12px 35px #ff7e5f40}.form-input:focus{outline:none;border-color:#a855f7;background:#fff;box-shadow:0 0 0 3px #a855f74d;transform:translateY(-3px) translateZ(20px)}.form-input.focused{border-color:#a855f7;background:#fff}.form-input.has-value{background:#fff;border-color:#ff7e5f;animation:inputSuccess 1s ease-out}@keyframes inputSuccess{0%{transform:scale(.98);box-shadow:0 0 #ff7e5f00}50%{transform:scale(1.02);box-shadow:0 0 20px #ff7e5f66}to{transform:scale(1);box-shadow:0 8px 25px #feb47b26}}.form-input::placeholder{color:#feb47b;font-size:15px}.form-input:focus::placeholder{color:#a855f7}.signup-btn{width:100%;padding:18px;border:none;border-radius:15px;font-size:18px;font-weight:800;cursor:pointer;transition:all .4s ease;margin-top:15px;position:relative;overflow:hidden;z-index:1;opacity:0;transform:translateY(20px);animation:buttonEntry .8s ease-out 1.4s forwards,gradientShift 4s ease-in-out infinite alternate}@keyframes buttonEntry{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.signup-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:.8s;z-index:-1;animation:shine 3s ease-in-out infinite}@keyframes shine{0%{left:-100%}20%,to{left:100%}}.signup-btn:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff7e5f,#feb47b,#a855f7,#ff7e5f);background-size:400%;z-index:-2;border-radius:17px;animation:borderRotate 5s linear infinite;opacity:0;transition:opacity .3s ease}.signup-btn:hover:after{opacity:1}@keyframes borderRotate{0%{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(180deg)}to{background-position:0% 50%;filter:hue-rotate(360deg)}}.signup-btn.primary{background:linear-gradient(135deg,#ff7e5f,#feb47b 40%,#a855f7);color:#fff;background-size:300% auto;box-shadow:0 15px 40px #ff7e5f80}@keyframes gradientShift{0%{background-position:0% 50%;box-shadow:0 15px 40px #ff7e5f80}50%{background-position:100% 50%;box-shadow:0 20px 50px #a855f799}to{background-position:0% 50%;box-shadow:0 15px 40px #feb47b80}}.signup-btn.primary:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 25px 60px #ff7e5fb3}.signup-btn.primary.active{background:#ff7e5f}.signup-btn.primary:disabled{background:linear-gradient(135deg,#ccc,#aaa);cursor:not-allowed;transform:none;box-shadow:none;animation:none}.signup-btn.primary:disabled:hover{background:linear-gradient(135deg,#ccc,#aaa);transform:none}.terms-text{text-align:center;margin:10px 0;color:#666;font-size:15px;line-height:1.6;opacity:0;transform:translateY(20px);animation:termsEntry .6s ease-out 1.5s forwards}@keyframes termsEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.terms-link{color:#a855f7;text-decoration:none;font-weight:700;position:relative;transition:all .3s ease}.terms-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:3px;background:linear-gradient(90deg,#ff7e5f,#a855f7);transition:width .3s ease}.terms-link:hover{color:#ff7e5f}.terms-link:hover:after{width:100%}.signup-divider{display:flex;align-items:center;margin:15px 0;color:#ff7e5f;font-weight:700;opacity:0;animation:dividerEntry .6s ease-out 1.6s forwards}@keyframes dividerEntry{0%{opacity:0;transform:scaleX(.5)}to{opacity:1;transform:scaleX(1)}}.signup-divider:before,.signup-divider:after{content:"";flex:1;height:3px;background:linear-gradient(90deg,transparent,#feb47b,#a855f7,transparent)}.signup-divider span{padding:0 30px;font-size:18px;font-weight:800;background:#fff;border-radius:25px;border:3px solid #feb47b;box-shadow:0 5px 20px #feb47b66}.social-signup{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:12px;opacity:0;animation:socialEntry .6s ease-out 1.7s forwards}@keyframes socialEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.google-signup-container{width:100%;max-width:300px;margin:0 auto;position:relative;animation:googleContainerEntry .6s ease-out 1.7s forwards,googleContainerFloat 6s ease-in-out infinite alternate 2s;opacity:0}@keyframes googleContainerEntry{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes googleContainerFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.3deg)}}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;border:none;border-radius:15px;background:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);color:#444;box-shadow:0 10px 30px #00000026;position:relative;overflow:hidden;z-index:1;width:100%;min-width:250px;animation:googleBtnPulse 3s ease-in-out infinite alternate,googleBtnGlow 4s ease-in-out infinite alternate,googleBtnRotate 20s linear infinite}@keyframes googleBtnPulse{0%,to{box-shadow:0 10px 30px #00000026;transform:translateY(0) scale(1)}50%{box-shadow:0 15px 40px #0003;transform:translateY(-3px) scale(1.02)}}@keyframes googleBtnGlow{0%{box-shadow:0 10px 30px #4285f426}25%{box-shadow:0 10px 30px #34a85326}50%{box-shadow:0 10px 30px #fbbc0526}75%{box-shadow:0 10px 30px #ea433526}to{box-shadow:0 10px 30px #4285f426}}@keyframes googleBtnRotate{0%{transform:rotate(0)}25%{transform:rotate(.5deg)}50%{transform:rotate(0)}75%{transform:rotate(-.5deg)}to{transform:rotate(0)}}.google-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:.6s;z-index:-1;animation:googleShine 3s ease-in-out infinite}@keyframes googleShine{0%{left:-100%}20%,to{left:100%}}.google-btn:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#4285f4,#34a853,#fbbc05,#ea4335);background-size:400%;z-index:-2;border-radius:17px;animation:googleBorderRotate 4s linear infinite,googleBorderPulse 2s ease-in-out infinite alternate;opacity:1;filter:brightness(1.1)}@keyframes googleBorderRotate{0%{background-position:0% 50%;filter:hue-rotate(0deg) brightness(1.1)}25%{background-position:50% 50%;filter:hue-rotate(90deg) brightness(1.2)}50%{background-position:100% 50%;filter:hue-rotate(180deg) brightness(1.1)}75%{background-position:50% 50%;filter:hue-rotate(270deg) brightness(1.2)}to{background-position:0% 50%;filter:hue-rotate(360deg) brightness(1.1)}}@keyframes googleBorderPulse{0%{opacity:.7}to{opacity:1}}.google-btn:hover{transform:translateY(-5px) scale(1.05) rotate(1deg);box-shadow:0 20px 50px #0000004d;animation:googleBtnHover .3s ease-out forwards,googleBtnHoverPulse 1.5s ease-in-out infinite alternate}@keyframes googleBtnHover{to{transform:translateY(-5px) scale(1.05) rotate(1deg);box-shadow:0 20px 50px #0000004d}}@keyframes googleBtnHoverPulse{0%{transform:translateY(-5px) scale(1.05) rotate(1deg)}to{transform:translateY(-7px) scale(1.07) rotate(1.5deg)}}.google-btn:active{transform:translateY(0) scale(.98);animation:googleBtnPress .2s ease-out}@keyframes googleBtnPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(.98)}}.google-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;animation:googleIconFloat 2s ease-in-out infinite alternate,googleIconSpin 10s linear infinite,googleIconColorShift 8s linear infinite}@keyframes googleIconFloat{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-4px) rotate(5deg) scale(1.1)}}@keyframes googleIconSpin{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes googleIconColorShift{0%{filter:hue-rotate(0deg) saturate(1)}25%{filter:hue-rotate(90deg) saturate(1.2)}50%{filter:hue-rotate(180deg) saturate(1)}75%{filter:hue-rotate(270deg) saturate(1.2)}to{filter:hue-rotate(360deg) saturate(1)}}.google-btn-text{font-weight:700;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:400% auto;animation:googleTextGradient 6s ease-in-out infinite alternate,googleTextPulse 2s ease-in-out infinite alternate;position:relative;text-shadow:0 2px 5px rgba(0,0,0,.1)}@keyframes googleTextGradient{0%{background-position:0% 50%;text-shadow:0 2px 5px rgba(66,133,244,.2)}25%{background-position:50% 50%;text-shadow:0 2px 5px rgba(52,168,83,.2)}50%{background-position:100% 50%;text-shadow:0 2px 5px rgba(251,188,5,.2)}75%{background-position:50% 50%;text-shadow:0 2px 5px rgba(234,67,53,.2)}to{background-position:0% 50%;text-shadow:0 2px 5px rgba(66,133,244,.2)}}@keyframes googleTextPulse{0%,to{transform:scale(1);letter-spacing:normal}50%{transform:scale(1.05);letter-spacing:.5px}}.google-preferences{text-align:center;margin-bottom:8px;color:#feb47b;font-size:13px;font-style:italic;opacity:0;animation:googlePrefEntry .6s ease-out 1.75s forwards,googlePrefPulse 3s ease-in-out infinite alternate 2s}@keyframes googlePrefEntry{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes googlePrefPulse{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.google-preferences p{margin:0;animation:googlePrefText 8s linear infinite}@keyframes googlePrefText{0%{color:#feb47b}33%{color:#ff7e5f}66%{color:#a855f7}to{color:#feb47b}}.google-particles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:0}.google-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#4285f4;animation:googleParticleFloat 3s ease-in-out infinite}.google-particle:nth-child(2){background:#34a853;animation-delay:.5s;animation-duration:3.5s}.google-particle:nth-child(3){background:#fbbc05;animation-delay:1s;animation-duration:4s}.google-particle:nth-child(4){background:#ea4335;animation-delay:1.5s;animation-duration:3.2s}@keyframes googleParticleFloat{0%{transform:translate(0) scale(0);opacity:0}10%{opacity:1;transform:translate(10px,-10px) scale(1)}90%{opacity:1;transform:translate(20px,-30px) scale(.5)}to{transform:translate(30px,-40px) scale(0);opacity:0}}.signup-login{text-align:center;color:#666;font-size:17px;padding:12px 0;border-top:3px dashed #feb47b;margin-top:15px;opacity:0;animation:loginEntry .6s ease-out 1.8s forwards}@keyframes loginEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-link{color:#a855f7;text-decoration:none;font-weight:800;position:relative;transition:all .3s ease;padding:3px 8px;border-radius:6px}.login-link:hover{color:#ff7e5f;background:#ff7e5f26;text-decoration:none}.password-input-container{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:12px;background:#ff7e5f26;border:2px solid #ff7e5f;color:#ff7e5f;cursor:pointer;font-size:12px;font-weight:700;padding:8px 12px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:36px}.password-toggle i{font-size:14px}.password-toggle:hover{background-color:#ff7e5f66;transform:scale(1.1)}.password-requirements{font-size:14px;color:#feb47b;margin-top:8px;margin-bottom:0}.username-input-container{display:flex;align-items:center;border:3px solid #feb47b;border-radius:15px;overflow:hidden;transition:all .3s ease;background:#fffffff2;box-shadow:0 8px 30px #feb47b33}.username-input-container:hover{border-color:#ff7e5f;transform:translateY(-2px) translateZ(10px);box-shadow:0 12px 35px #ff7e5f40}.username-input-container:focus-within{border-color:#a855f7;background:#fff;box-shadow:0 0 0 3px #a855f74d;transform:translateY(-3px) translateZ(20px)}.username-input-container.error{border-color:#e74c3c;animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0) translateZ(0)}25%{transform:translate(-5px) translateZ(10px)}75%{transform:translate(5px) translateZ(10px)}}.url-prefix{padding:16px 20px;background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#fff;font-weight:700;font-size:16px;border-right:3px solid rgba(255,255,255,.4);white-space:nowrap;flex-shrink:0}.username-input-container input{flex:1;border:none;padding:16px;outline:none;font-size:16px;color:#333;background:transparent;min-width:0}.username-input-container input::placeholder{color:#feb47b}.input-hint{color:#feb47b;font-size:14px;margin-top:8px;margin-bottom:0}.error-text{color:#e74c3c;font-size:14px;margin-top:8px;font-weight:700}.error-message{background:linear-gradient(135deg,#e74c3c26,#e74c3c40);border:3px solid #e74c3c;border-radius:15px;padding:20px;margin-bottom:25px;color:#e74c3c;font-weight:700;text-align:center;box-shadow:0 10px 35px #e74c3c4d;animation:errorEntry .5s ease-out}@keyframes errorEntry{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.error-message i{margin-right:10px}.right-scroll-content::-webkit-scrollbar{width:12px}.right-scroll-content::-webkit-scrollbar-track{background:#ff7e5f1a;border-radius:10px}.right-scroll-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff7e5f,#a855f7);border-radius:10px}.right-scroll-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#feb47b,#c084fc)}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:10px}@media (max-width: 768px){.signup-fullscreen{padding:10px;align-items:flex-start}.signup-container{flex-direction:column;height:auto;min-height:auto;max-width:100%;border-radius:15px;margin-top:20px;margin-bottom:20px}.signup-left-panel{display:none}.signup-right-panel{flex:1;width:100%;min-height:auto}.right-scroll-content{padding:25px 30px}.welcome-mobile{display:block;text-align:center;margin-bottom:30px;padding:25px 20px;background:linear-gradient(135deg,#fffffffa,#fffffff2);border-radius:20px;border:3px solid #feb47b;box-shadow:0 15px 40px #feb47b4d;animation:mobileWelcomeEntry .8s ease-out}@keyframes mobileWelcomeEntry{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.welcome-mobile h1{font-size:32px;margin-bottom:15px;font-weight:800;color:#ff7e5f;background:linear-gradient(135deg,#ff7e5f,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-mobile p{font-size:18px;color:#feb47b;font-weight:600;line-height:1.4}.form-columns{grid-template-columns:1fr;gap:0}.form-header h1{font-size:36px}.form-subtitle{font-size:18px}.form-group{margin-bottom:22px}.form-group label{font-size:15px}.form-input{padding:15px 45px 15px 15px;font-size:15px}.signup-btn{padding:17px;font-size:17px}.google-signup-container{max-width:100%}.google-btn{min-width:100%;padding:15px 20px;font-size:15px}.google-icon{width:18px;height:18px}.google-preferences{font-size:12px;margin-bottom:10px}.signup-login{padding:15px 0;margin-top:20px;font-size:16px}.terms-text{font-size:14px;line-height:1.5;margin:15px 0}.url-prefix{padding:14px 16px;font-size:15px}.username-input-container input{padding:14px;font-size:15px}}@media (max-width: 480px){.signup-fullscreen{padding:5px;background:linear-gradient(135deg,#ff7e5f,#feb47b,#fff)}.signup-container{border-radius:12px;margin-top:10px;margin-bottom:10px;box-shadow:0 15px 40px #00000026}.right-scroll-content{padding:20px}.welcome-mobile{padding:20px 15px;margin-bottom:25px}.welcome-mobile h1{font-size:28px;margin-bottom:10px}.welcome-mobile p{font-size:16px}.form-header h1{font-size:32px}.form-subtitle{font-size:16px}.form-group{margin-bottom:20px}.form-group label{font-size:14px}.form-input{padding:14px 40px 14px 14px;font-size:14px}.password-toggle{right:8px;padding:6px 10px;width:36px;height:34px;font-size:11px}.password-toggle i{font-size:13px}.signup-btn{padding:16px;font-size:16px}.username-input-container{flex-direction:column;align-items:stretch}.url-prefix{border-right:none;border-bottom:3px solid rgba(255,255,255,.4);text-align:center;padding:12px;font-size:14px}.username-input-container input{padding:12px;font-size:14px}.google-btn{padding:14px 16px;font-size:14px}.google-icon{width:16px;height:16px}.google-btn-text{font-size:14px}.google-preferences{font-size:11px;margin-bottom:8px}.signup-login{font-size:15px;padding:12px 0}.password-requirements,.input-hint,.error-text,.terms-text{font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.signup-fullscreen{padding:15px}.signup-container{max-width:95%}.signup-left-panel{flex:1}.signup-right-panel{flex:1.2}.right-scroll-content{padding:25px 40px}.form-columns{gap:30px}.form-input{padding:15px 45px 15px 15px}.left-panel-image{background-size:85%;background-position:center 65%}.welcome-text h1{font-size:36px}.welcome-text p{font-size:18px;padding:12px 25px}}@media (min-width: 1025px){.signup-container{max-height:90vh}.left-panel-image{background-size:70%;background-position:center 75%}.left-content{top:60px}.form-columns{gap:50px}}@media (max-height: 700px){.signup-container{min-height:auto;height:auto}.right-scroll-content{padding:20px 40px}.form-group{margin-bottom:20px}.signup-btn{margin-top:10px;padding:16px}}@media (max-height: 600px) and (orientation: landscape){.signup-container{margin-top:10px;margin-bottom:10px}.right-scroll-content{padding:15px 30px}.form-columns{gap:20px}.form-group{margin-bottom:15px}.signup-btn{padding:14px;font-size:16px}.welcome-mobile{padding:15px;margin-bottom:20px}.welcome-mobile h1{font-size:24px}.welcome-mobile p{font-size:14px}}.username-fullscreen{display:flex;height:100vh;width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;position:fixed;top:0;left:0}.username-left-panel{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;height:100vh}.username-left-panel:before{content:"";position:absolute;inset:0;background:#0000001a}.left-panel-content{max-width:500px;z-index:1;text-align:center}.brand-logo h1{font-size:2.2rem;font-weight:700;margin-bottom:40px;color:#fff;letter-spacing:-.5px}.left-panel-text h2{font-size:1.8rem;margin-bottom:16px;font-weight:600;line-height:1.3}.left-panel-text p{font-size:1rem;line-height:1.5;opacity:.9;font-weight:400}.username-right-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:30px;background:#f8fafc;height:100vh;overflow-y:auto}.right-panel-content{width:100%;max-width:420px;background:#fff;padding:35px;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto}.username-header{text-align:center;margin-bottom:25px}.username-header h1{font-size:1.6rem;margin-bottom:10px;color:#1a1a1a;font-weight:600}.username-header p{color:#64748b;margin-bottom:0;font-size:.95rem;line-height:1.5}.user-email-container{background:#f0f7ff;padding:14px;border-radius:8px;margin-bottom:20px;text-align:center}.user-email{color:#3b82f6!important;font-weight:500;font-size:.9rem;margin:0}.username-form{margin-top:10px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:.9rem}.username-input-container{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease;background:#fff}.username-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.username-input-container.error{border-color:#ef4444}.url-prefix{padding:12px 14px;background:#f9fafb;color:#6b7280;font-weight:500;font-size:.9rem;border-right:1px solid #e5e7eb;white-space:nowrap}.username-input-container input{flex:1;border:none;padding:12px 14px;outline:none;font-size:.95rem;color:#1f2937;background:#fff;min-width:0}.username-input-container input::placeholder{color:#9ca3af}.input-hint{color:#6b7280;font-size:.8rem;margin-top:6px;line-height:1.4}.error-text{color:#ef4444;font-size:.8rem;margin-top:6px;font-weight:500}.form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.cancel-btn{padding:10px 20px;background-color:#f9fafb;color:#374151;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.continue-btn{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.continue-btn:hover:not(:disabled){background-color:#2563eb}.continue-btn:disabled{background-color:#93c5fd;cursor:not-allowed}.footer-links{margin-top:30px;text-align:center;border-top:1px solid #e5e7eb;padding-top:15px}.footer-links p{color:#6b7280;font-size:.8rem;margin-bottom:10px}.legal-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.legal-links a{color:#6b7280;text-decoration:none;font-size:.8rem;transition:color .2s ease}.legal-links a:hover{color:#3b82f6}@media (max-width: 1024px){.username-fullscreen{flex-direction:column;height:100vh;position:relative}.username-left-panel{height:35vh;padding:30px}.username-right-panel{height:65vh;padding:20px}.brand-logo h1{margin-bottom:20px;font-size:2rem}.left-panel-text h2{font-size:1.5rem;margin-bottom:10px}.left-panel-text p{font-size:.9rem}.right-panel-content{padding:25px}}@media (max-width: 768px){.username-left-panel{height:30vh;padding:20px}.username-right-panel{height:70vh;padding:15px}.brand-logo h1{font-size:1.8rem;margin-bottom:15px}.left-panel-text h2{font-size:1.3rem}.right-panel-content{padding:20px;max-width:100%;border-radius:8px;box-shadow:0 2px 10px #0000000d}}@media (max-width: 640px){.form-buttons{flex-direction:column;gap:8px}.cancel-btn,.continue-btn{width:100%;padding:12px 20px}.legal-links{flex-direction:column;gap:8px}.username-header h1{font-size:1.4rem}.username-header p{font-size:.9rem}}@media (max-width: 480px){.username-left-panel,.username-right-panel,.right-panel-content{padding:15px}.username-input-container{flex-direction:column;align-items:stretch}.url-prefix{border-right:none;border-bottom:1px solid #e5e7eb;text-align:center;padding:8px 12px}.username-input-container input{padding:12px}}@media (max-height: 600px){.username-left-panel{height:200px}.username-right-panel{height:calc(100vh - 200px)}.right-panel-content{padding:15px}.brand-logo h1{font-size:1.6rem;margin-bottom:10px}.left-panel-text h2{font-size:1.2rem;margin-bottom:5px}.left-panel-text p{font-size:.85rem}}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.goals-fullscreen{width:100vw;min-height:100vh;background:linear-gradient(135deg,#ff7e5f,#feb47b 25%,#fff 50% 75%,#a855f7);background-size:400% 400%;animation:gradientBG 15s ease infinite;overflow-x:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:20px}.goals-container{display:flex;width:100%;max-width:1200px;min-height:90vh;background:#fffffff7;box-shadow:0 25px 70px #00000026;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:containerAppear 1.2s ease-out;border-radius:20px;overflow:hidden}@keyframes containerAppear{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.goals-left-panel{flex:1.2;position:relative;min-height:100%;background:linear-gradient(135deg,#ff7e5f26,#feb47b26,#a855f726);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.left-panel-image{width:100%;height:100%;background-size:75%;background-position:center 70%;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:transparent;animation:floatImage 6s ease-in-out infinite alternate}@keyframes floatImage{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(.5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(15px) rotate(-.5deg)}}.left-content-wrapper{position:absolute;top:40px;left:0;right:0;z-index:2;text-align:center;padding:0 40px;animation:slideInLeft 1.2s cubic-bezier(.68,-.55,.265,1.55),bounceText 4s ease-in-out infinite}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes bounceText{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.brand-section{margin-bottom:30px}.brand-logo h1{font-size:2.5rem;font-weight:900;margin-bottom:10px;background:linear-gradient(135deg,#ff7e5f,#feb47b,#a855f7 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:300% auto;animation:gradientText 4s ease-in-out infinite alternate,textGlow 2s ease-in-out infinite;text-shadow:3px 3px 15px rgba(0,0,0,.2)}@keyframes gradientText{0%{background-position:0% 50%;text-shadow:3px 3px 15px rgba(255,126,95,.5)}50%{background-position:100% 50%;text-shadow:3px 3px 20px rgba(168,85,247,.6)}to{background-position:0% 50%;text-shadow:3px 3px 15px rgba(254,180,123,.5)}}@keyframes textGlow{0%,to{filter:drop-shadow(0 0 5px rgba(255,126,95,.3))}50%{filter:drop-shadow(0 0 15px rgba(168,85,247,.5))}}.objectives-text h2{font-size:2rem;margin-bottom:15px;font-weight:800;line-height:1.1;color:#ff7e5f;text-shadow:2px 2px 10px rgba(255,126,95,.3);animation:titlePulse 3s ease-in-out infinite}@keyframes titlePulse{0%,to{transform:scale(1);text-shadow:2px 2px 10px rgba(255,126,95,.3)}50%{transform:scale(1.03);text-shadow:2px 2px 15px rgba(255,126,95,.5)}}.objectives-text p{font-size:1.2rem;line-height:1.4;color:#feb47b;font-weight:600;background:linear-gradient(135deg,#fffffff2,#ffffffe6);padding:12px 25px;border-radius:20px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,126,95,.3);box-shadow:0 15px 35px #ff7e5f40,inset 0 2px 10px #fffc;animation:pulseText 2.5s ease-in-out infinite,rotateBorder 10s linear infinite}@keyframes pulseText{0%,to{transform:scale(1);box-shadow:0 15px 35px #ff7e5f40,inset 0 2px 10px #fffc}50%{transform:scale(1.05);box-shadow:0 20px 45px #ff7e5f66,inset 0 2px 15px #ffffffe6}}@keyframes rotateBorder{0%{border-color:#ff7e5f4d}33%{border-color:#feb47b4d}66%{border-color:#a855f74d}to{border-color:#ff7e5f4d}}.welcome-mobile{display:none}.goals-right-panel{flex:1.4;display:flex;flex-direction:column;overflow:hidden;animation:slideInRight 1s ease-out .5s both}.right-content-wrapper{flex:1;overflow-y:auto;padding:30px 50px}.goals-form-container{width:100%;max-width:600px;margin:0 auto;padding:15px 0}.goals-header{text-align:center;margin-bottom:30px;animation:headerEntry .8s ease-out .7s both}@keyframes headerEntry{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.goals-header h1{font-size:1.8rem;margin-bottom:10px;color:#ff7e5f;font-weight:800;text-shadow:2px 2px 8px rgba(0,0,0,.1);line-height:1.3}.goals-header p{font-size:1.1rem;color:#feb47b;margin-bottom:0;font-weight:600}.select-all-container{text-align:right;margin-bottom:20px;opacity:0;animation:selectAllEntry .6s ease-out .8s forwards}@keyframes selectAllEntry{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.select-all-btn{background:linear-gradient(135deg,#ff7e5f,#feb47b);border:none;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;padding:10px 20px;border-radius:10px;transition:all .3s ease;box-shadow:0 8px 25px #ff7e5f4d;position:relative;overflow:hidden}.select-all-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 30px #ff7e5f66}.select-all-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.select-all-btn:hover:before{left:100%}.goals-form{margin-top:15px;animation:formSlideUp .8s ease-out .9s both}@keyframes formSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.goals-grid{display:flex;flex-direction:column;gap:15px;margin-bottom:25px;max-height:400px;overflow-y:auto;padding-right:15px}.goals-grid::-webkit-scrollbar{width:8px}.goals-grid::-webkit-scrollbar-track{background:linear-gradient(135deg,#ff7e5f1a,#feb47b1a);border-radius:10px}.goals-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff7e5f,#feb47b);border-radius:10px}.goals-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#feb47b,#ff7e5f)}.goal-card{display:flex;align-items:flex-start;padding:18px;border:3px solid #feb47b;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;min-height:95px;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:cardEntry .5s ease-out forwards}.goal-card:nth-child(1){animation-delay:1s}.goal-card:nth-child(2){animation-delay:1.1s}.goal-card:nth-child(3){animation-delay:1.2s}.goal-card:nth-child(4){animation-delay:1.3s}.goal-card:nth-child(5){animation-delay:1.4s}@keyframes cardEntry{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.goal-card:hover{border-color:#ff7e5f;background:linear-gradient(135deg,#fffffff2,#ffffffd9);transform:translateY(-3px);box-shadow:0 15px 30px #ff7e5f26}.goal-card.selected{border-color:#ff7e5f;background:linear-gradient(135deg,#ff7e5f14,#feb47b14);transform:translateY(-2px);box-shadow:0 10px 25px #ff7e5f33}.goal-checkbox{position:relative;margin-right:15px;margin-top:3px;flex-shrink:0}.checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:relative;height:24px;width:24px;background-color:#fff;border:3px solid #feb47b;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.goal-card:hover .checkmark{border-color:#ff7e5f}.goal-card.selected .checkmark{background:linear-gradient(135deg,#ff7e5f,#feb47b);border-color:#ff7e5f;animation:checkPulse .5s ease-out}@keyframes checkPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.checkmark:after{content:"";position:absolute;display:none}.goal-card.selected .checkmark:after{display:block;left:7px;top:3px;width:6px;height:12px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg);animation:checkDraw .3s ease-out}@keyframes checkDraw{0%{opacity:0;transform:rotate(45deg) scale(0)}to{opacity:1;transform:rotate(45deg) scale(1)}}.goal-content{flex:1}.goal-title{display:block;font-weight:600;color:#374151;font-size:.95rem;margin-bottom:6px;cursor:pointer;line-height:1.3;transition:color .3s ease}.goal-card:hover .goal-title{color:#ff7e5f}.goal-card.selected .goal-title{color:#e55c47;font-weight:700}.goal-description{color:#6b7280;font-size:.85rem;margin:0;line-height:1.4;font-weight:500}.selected-count{text-align:center;color:#feb47b;font-size:1rem;margin-bottom:25px;font-weight:600;opacity:0;animation:countEntry .6s ease-out 1.5s forwards}@keyframes countEntry{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:25px;opacity:0;animation:buttonsEntry .6s ease-out 1.6s forwards}@keyframes buttonsEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-btn{padding:14px 28px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #0000001a;position:relative;overflow:hidden}.back-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 25px #00000026;background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.continue-btn{padding:14px 28px;background:linear-gradient(135deg,#ff7e5f,#feb47b 40%,#a855f7);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 35px #ff7e5f66;position:relative;overflow:hidden;background-size:300% auto;animation:gradientShift 4s ease-in-out infinite alternate}@keyframes gradientShift{0%{background-position:0% 50%;box-shadow:0 15px 35px #ff7e5f66}50%{background-position:100% 50%;box-shadow:0 20px 45px #a855f780}to{background-position:0% 50%;box-shadow:0 15px 35px #feb47b66}}.continue-btn:hover{transform:translateY(-3px) scale(1.05);animation:gradientShift 2s ease-in-out infinite alternate}.continue-btn:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none;animation:none}.continue-btn:disabled:hover{background:linear-gradient(135deg,#d1d5db,#9ca3af);transform:none;box-shadow:none}.spinner{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}.cookie-preferences{text-align:center;margin-top:30px;padding-top:20px;border-top:2px dashed #ff7e5f;opacity:0;animation:footerEntry .6s ease-out 1.7s forwards}@keyframes footerEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookie-preferences a{color:#feb47b;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease;position:relative;padding:5px 10px;border-radius:6px}.cookie-preferences a:hover{color:#ff7e5f;background:#ff7e5f1a}@media (max-width: 768px){.goals-fullscreen{padding:10px;align-items:flex-start}.goals-container{flex-direction:column;height:auto;min-height:auto;max-width:100%;border-radius:15px;margin-top:20px;margin-bottom:20px}.goals-left-panel{display:none}.goals-right-panel{flex:1;width:100%;min-height:auto}.right-content-wrapper{padding:25px 30px}.welcome-mobile{display:block;text-align:center;margin-bottom:30px;padding:25px 20px;background:linear-gradient(135deg,#fffffffa,#fffffff2);border-radius:20px;border:3px solid #feb47b;box-shadow:0 15px 40px #feb47b4d;animation:mobileWelcomeEntry .8s ease-out}@keyframes mobileWelcomeEntry{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.welcome-mobile h1{font-size:32px;margin-bottom:15px;font-weight:800;color:#ff7e5f;background:linear-gradient(135deg,#ff7e5f,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-mobile p{font-size:18px;color:#feb47b;font-weight:600;line-height:1.4}.goals-header h1{font-size:1.6rem}.goals-header p{font-size:1rem}.select-all-container{text-align:center;margin-bottom:15px}.select-all-btn{padding:10px 18px;font-size:.9rem}.goals-grid{max-height:none;margin-bottom:25px;padding-right:10px}.goal-card{padding:15px;min-height:85px}.goal-title{font-size:.9rem}.goal-description{font-size:.8rem}.selected-count{font-size:.9rem;margin-bottom:20px}.form-buttons{flex-direction:column;gap:12px}.back-btn,.continue-btn{width:100%;padding:14px;text-align:center}.cookie-preferences{margin-top:25px;padding-top:15px}.cookie-preferences a{font-size:.85rem}}@media (max-width: 480px){.goals-fullscreen{padding:5px;background:linear-gradient(135deg,#ff7e5f,#feb47b,#fff)}.goals-container{border-radius:12px;margin-top:10px;margin-bottom:10px;box-shadow:0 15px 40px #00000026}.right-content-wrapper{padding:20px}.welcome-mobile{padding:20px 15px;margin-bottom:25px}.welcome-mobile h1{font-size:28px;margin-bottom:10px}.welcome-mobile p{font-size:16px}.goals-header h1{font-size:1.4rem}.goals-header p{font-size:.9rem}.select-all-btn{padding:8px 16px;font-size:.85rem}.goals-grid{gap:12px;margin-bottom:20px}.goal-card{padding:12px;min-height:80px}.goal-checkbox{margin-right:12px}.checkmark{height:20px;width:20px}.goal-card.selected .checkmark:after{left:6px;top:2px;width:5px;height:10px}.goal-title{font-size:.85rem}.goal-description{font-size:.75rem}.selected-count{font-size:.85rem}.form-buttons{gap:10px;margin-top:20px}.back-btn,.continue-btn{padding:12px;font-size:.9rem}.cookie-preferences{margin-top:20px;padding-top:15px}.cookie-preferences a{font-size:.8rem}}@media (min-width: 769px) and (max-width: 1024px){.goals-fullscreen{padding:15px}.goals-container{max-width:95%}.goals-left-panel{flex:1}.goals-right-panel{flex:1.2}.right-content-wrapper{padding:30px 40px}.goals-grid{max-height:350px}.goal-card{padding:16px;min-height:90px}.goal-title{font-size:.9rem}.goal-description{font-size:.8rem}.form-buttons{gap:12px}.back-btn,.continue-btn{padding:12px 24px}}@media (min-width: 1025px){.goals-container{max-height:90vh}.goals-grid{max-height:400px}.form-buttons{justify-content:flex-end}}@media (max-height: 700px){.goals-container{min-height:auto;height:auto}.right-content-wrapper{padding:20px 40px}.goals-grid{max-height:300px;margin-bottom:20px}.goal-card{min-height:85px;padding:15px}.form-buttons{margin-top:20px}.back-btn,.continue-btn{padding:12px 24px}}@media (max-height: 600px) and (orientation: landscape){.goals-container{margin-top:10px;margin-bottom:10px}.right-content-wrapper{padding:15px 30px}.goals-header{margin-bottom:20px}.goals-header h1{font-size:1.4rem}.goals-header p{font-size:.9rem}.goals-grid{max-height:200px;gap:10px;margin-bottom:15px}.goal-card{padding:12px;min-height:70px}.goal-title{font-size:.85rem;margin-bottom:4px}.goal-description{font-size:.75rem}.selected-count{margin-bottom:15px;font-size:.9rem}.form-buttons{margin-top:15px}.back-btn,.continue-btn{padding:10px 20px;font-size:.9rem}.cookie-preferences{margin-top:15px;padding-top:12px}}:root{--orange-500: #FF6B35;--orange-400: #FF9E00;--orange-300: #FFD166;--orange-100: #FFF3E0;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-orange: 0 10px 25px -5px rgba(255, 107, 53, .2)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#fff;color:var(--gray-900);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.floating-particle{position:absolute;font-size:24px;opacity:0;filter:drop-shadow(0 0 10px rgba(255,107,53,.3))}.premium-fullscreen{min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;position:relative;overflow:hidden}.premium-container-full{width:100%;max-width:1200px;height:100%;background:#fff;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}.premium-header-full{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;border-bottom:1px solid var(--gray-100);background:#fff;position:relative;z-index:10}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--gray-900);cursor:pointer}.logo-icon{width:28px;height:28px;color:var(--orange-500)}.logo .pro{background:linear-gradient(135deg,var(--orange-500),var(--orange-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:4px}.badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--orange-500),var(--orange-400));color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;box-shadow:var(--shadow-sm);cursor:pointer}.premium-content-full{flex:1;padding:40px;overflow-y:auto;position:relative;z-index:2}.hero-section-full{max-width:800px;margin:0 auto;width:100%}.hero-title-full{font-size:42px;font-weight:700;text-align:center;margin-bottom:16px;line-height:1.2}.highlight{background:linear-gradient(135deg,var(--orange-500),var(--orange-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--orange-500),var(--orange-400));border-radius:1.5px;animation:underlinePulse 2s ease-in-out infinite}@keyframes underlinePulse{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(1.1);opacity:.8}}.hero-subtitle-full{color:var(--gray-600);text-align:center;font-size:18px;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;gap:8px}.price-card-full{background:linear-gradient(135deg,#fff8f5,#fff0eb);border:2px solid var(--orange-100);border-radius:20px;padding:40px;margin-bottom:50px;max-width:500px;margin-left:auto;margin-right:auto;text-align:center;position:relative;overflow:hidden}.price-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,107,53,.1) 0%,transparent 70%);pointer-events:none}.price-display-full{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px;position:relative;z-index:2}.price-tag-full{display:flex;align-items:baseline;position:relative}.currency-full{font-size:28px;font-weight:600;color:var(--gray-800);display:inline-block}.amount-full{font-size:64px;font-weight:800;background:linear-gradient(135deg,var(--orange-500),var(--orange-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin:0 4px;display:inline-block;position:relative}.period-full{font-size:18px;color:var(--gray-600);font-weight:500}.price-info-full{text-align:left;position:relative;z-index:2}.original-price-full{font-size:24px;color:var(--gray-400);text-decoration:line-through;font-weight:600;margin-bottom:8px;position:relative}.discount-full{background:linear-gradient(135deg,var(--orange-500),var(--orange-400));color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 5px 15px #ff6b354d}.price-features-full{display:flex;flex-direction:column;gap:12px;max-width:300px;margin:30px auto 0;position:relative;z-index:2}.price-feature-item{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--gray-700);padding:8px 12px;border-radius:8px;transition:all .2s ease}.price-feature-item:hover{background:#ffffff80}.price-feature-item svg{color:var(--orange-500);flex-shrink:0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px}.benefits-section-full{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;padding:30px;transition:all .3s ease;cursor:pointer}.benefits-section-full:hover{border-color:var(--orange-300);box-shadow:var(--shadow-md)}.section-title-full{font-size:20px;font-weight:600;margin-bottom:24px;color:var(--gray-900);display:flex;align-items:center;cursor:pointer}.benefits-list-full{display:flex;flex-direction:column;gap:16px}.benefit-item-full{display:flex;align-items:center;gap:14px;font-size:16px;color:var(--gray-700);padding:12px 16px;border-radius:12px;transition:all .2s ease;cursor:pointer}.benefit-icon{color:var(--orange-500);flex-shrink:0}.features-section-full{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;padding:30px;transition:all .3s ease;cursor:pointer}.features-section-full:hover{border-color:var(--orange-300);box-shadow:var(--shadow-md)}.features-grid-full{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card-full{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease;cursor:pointer;perspective:1000px;transform-style:preserve-3d}.feature-card-full:hover{border-color:var(--orange-300);background:var(--orange-100)}.feature-icon-full{font-size:28px;flex-shrink:0;margin-top:4px;display:inline-block}.feature-card-full h4{font-size:16px;font-weight:600;margin-bottom:6px;color:var(--gray-900)}.feature-card-full p{font-size:14px;color:var(--gray-600);line-height:1.4}.action-section-full{max-width:600px;margin:0 auto;text-align:center}.purchase-btn-full{width:100%;background:linear-gradient(135deg,var(--orange-500),var(--orange-400));color:#fff;border:none;border-radius:16px;padding:28px;font-family:Inter,sans-serif;font-size:20px;font-weight:700;cursor:pointer;margin-bottom:30px;box-shadow:var(--shadow-orange);transition:all .3s ease;position:relative;overflow:hidden}.button-glow{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-20deg)}.button-sparkles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sparkle{position:absolute;font-size:16px;color:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}.btn-content-full{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.btn-text-full{text-align:left}.btn-title-full{font-size:22px;font-weight:700;margin-bottom:6px;display:flex;align-items:center}.btn-subtitle-full{font-size:15px;opacity:.9;font-weight:400}.guarantees-full{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.guarantee-full{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--gray-600);font-size:15px;padding:12px 20px;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-200);cursor:pointer;transition:all .2s ease}.guarantee-full:hover{background:#fff;border-color:var(--orange-300)}.guarantee-full svg{color:var(--gray-500);flex-shrink:0}.quick-features-full{display:flex;justify-content:center;gap:30px;padding-top:30px;border-top:1px solid var(--gray-200);margin-bottom:25px}.quick-feature{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--gray-700);padding:12px 20px;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-200);cursor:pointer;transition:all .2s ease}.quick-feature:hover{background:#fff;border-color:var(--orange-300)}.quick-feature.special-offer{background:#fff17633;border-color:#ffd166;color:#92400e;font-weight:500}.quick-feature svg{color:var(--orange-500);flex-shrink:0}.countdown-banner{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:20px 30px;border-radius:16px;margin-top:20px;position:relative;overflow:hidden}.countdown-banner span{font-size:15px}.countdown-banner strong{color:#ffd166;font-weight:700}.progress-bar{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--orange-500),var(--orange-400));border-radius:0 0 16px 16px}.premium-content-full::-webkit-scrollbar{width:6px}.premium-content-full::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.premium-content-full::-webkit-scrollbar-thumb{background:var(--orange-300);border-radius:3px}.premium-content-full::-webkit-scrollbar-thumb:hover{background:var(--orange-400)}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr;gap:30px}.hero-title-full{font-size:36px}.amount-full{font-size:56px}.purchase-btn-full{font-size:18px;padding:24px}.btn-title-full{font-size:20px}}@media (max-width: 768px){.premium-container-full{border:none;box-shadow:none}.premium-header-full{padding:20px 24px}.premium-content-full{padding:30px 24px}.hero-title-full{font-size:32px}.price-card-full{padding:30px 24px}.amount-full{font-size:48px}.price-display-full{flex-direction:column;gap:16px}.price-info-full{text-align:center}.features-grid-full{grid-template-columns:1fr;gap:16px}.purchase-btn-full{padding:24px}.btn-title-full{font-size:18px}.quick-features-full{flex-direction:column;gap:16px}.guarantees-full{flex-direction:column}}@media (max-width: 480px){.premium-header-full{padding:16px 20px}.logo{font-size:20px}.hero-title-full{font-size:28px}.hero-subtitle-full{font-size:16px}.amount-full{font-size:40px}.feature-card-full{padding:16px}.purchase-btn-full{padding:20px;font-size:16px}.btn-title-full{font-size:16px;flex-direction:column;gap:8px}}.float-animation{animation:float 3s ease-in-out infinite}.shimmer-text{background:linear-gradient(90deg,var(--orange-500),var(--orange-400),var(--orange-500));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}:root{--orange-main: #f7931e;--orange-dark: #e5821a;--orange-light: #ffd08a;--orange-very-light: #fff5e6;--purple-accent: #b185ff;--purple-light: #d8c5ff;--purple-very-light: #f5f0ff;--white: #ffffff;--black: #000000;--gray-dark: #1a1a1a;--gray-medium: #666666;--gray-light: #f7fafc;--gradient-orange: linear-gradient(135deg, var(--orange-main), #ff8b35);--gradient-orange-purple: linear-gradient(135deg, var(--orange-main), var(--purple-accent));--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,255,255,.85));--gradient-dark: linear-gradient(135deg, #1a1a1a, #2d2d2d);--shadow-soft: 0 10px 30px rgba(247, 147, 30, .1);--shadow-medium: 0 15px 35px rgba(247, 147, 30, .15);--shadow-strong: 0 20px 50px rgba(0, 0, 0, .2);--shadow-glow-orange: 0 0 30px rgba(247, 147, 30, .4);--shadow-glow-purple: 0 0 30px rgba(177, 133, 255, .3);--transition-fast: .3s cubic-bezier(.25, .8, .25, 1);--transition-medium: .5s cubic-bezier(.175, .885, .32, 1.275);--transition-slow: .8s cubic-bezier(.68, -.55, .265, 1.55);--border-radius-small: 12px;--border-radius-medium: 20px;--border-radius-large: 30px;--border-radius-circle: 50%;--blur-light: blur(10px);--hue-shift: 0deg}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(3deg)}66%{transform:translateY(8px) rotate(-3deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--orange-main),0 0 40px #f7931e4d;transform:scale(1)}50%{box-shadow:0 0 30px var(--orange-main),0 0 60px #f7931e80;transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes confetti-fall{0%{transform:translateY(-100px) rotate(0) scale(0);opacity:1}to{transform:translateY(100vh) rotate(720deg) scale(1);opacity:0}}@keyframes particle-explode{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(var(--tx, 0),var(--ty, 0)) scale(1);opacity:0}}@keyframes progress-fill{0%{width:0%}to{width:100%}}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkmark{0%{stroke-dashoffset:100;opacity:0}to{stroke-dashoffset:0;opacity:1}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root,.payment-fullscreen{height:100%;width:100%;min-height:100vh}.payment-fullscreen{font-family:Segoe UI,Montserrat,Inter,sans-serif;background:linear-gradient(135deg,var(--orange-very-light) 0%,var(--purple-very-light) 50%,var(--orange-very-light) 100%);background-size:400% 400%;animation:gradient-shift 15s ease infinite;position:relative;overflow-x:hidden;display:flex;flex-direction:column}.animated-bg:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(247,147,30,.1) 0%,transparent 25%),radial-gradient(circle at 80% 70%,rgba(177,133,255,.08) 0%,transparent 25%);z-index:0}.payment-header{background:var(--gradient-glass);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border-bottom:1px solid rgba(247,147,30,.1);padding:20px 0;position:relative;z-index:100;box-shadow:var(--shadow-soft);animation:slideInUp .6s ease-out;flex-shrink:0}.glass-header{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-container{max-width:1400px;margin:0 auto;padding:0 60px;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:20px}.logo-wrapper{display:flex;align-items:center;gap:12px;transition:transform var(--transition-medium)}.logo-wrapper:hover{transform:scale(1.05) rotate(-2deg)}.logo-icon{font-size:28px;color:var(--orange-main);animation:spinner-rotate 20s linear infinite}.logo{font-size:28px;font-weight:900;display:flex;align-items:center;gap:10px}.logo-gradient{background:var(--gradient-orange);-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 3s infinite}.logo-badge{background:var(--purple-accent);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;animation:pulse-glow 2s infinite}.secure-badge{display:flex;align-items:center;gap:8px;background:#10b9811a;border:2px solid rgba(16,185,129,.3);padding:8px 16px;border-radius:50px;font-size:14px;font-weight:600;color:#10b981;transition:all var(--transition-medium)}.secure-badge:hover{background:#10b98133;transform:translateY(-2px);box-shadow:0 5px 15px #10b98133}.pulse-glow{animation:pulse-glow 3s infinite}.back-home-button{display:flex;align-items:center;gap:8px;background:#f7931e1a;border:2px solid var(--orange-light);border-radius:50px;padding:12px 24px;font-size:16px;font-weight:600;color:var(--orange-dark);cursor:pointer;transition:all var(--transition-medium);position:relative;overflow:hidden}.back-home-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#f7931e33;transform:translate(-50%,-50%);transition:width .6s,height .6s}.back-home-button:hover:before{width:300px;height:300px}.back-home-button:hover{background:var(--orange-main);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-glow-orange)}.hover-lift{transition:transform var(--transition-medium)}.hover-lift:hover{transform:translateY(-3px)}.payment-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:40px 60px;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.payment-container{width:100%;height:100%;min-height:600px}.slide-in-up{animation:slideInUp .8s ease-out}.slide-out{animation:slideOutDown .5s ease-out forwards}.combined-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:var(--gradient-glass);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border-radius:var(--border-radius-large);padding:50px;box-shadow:var(--shadow-strong);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden;min-height:650px;height:auto}.glass-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-orange-purple);animation:gradient-shift 3s infinite}.payment-section{padding-right:40px;border-right:1px solid rgba(247,147,30,.1);position:relative;height:100%;display:flex;flex-direction:column}.section-header{margin-bottom:30px}.header-icon{width:60px;height:60px;background:var(--gradient-orange);border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#fff;font-size:24px;box-shadow:var(--shadow-glow-orange)}.text-gradient{background:var(--gradient-orange-purple);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:32px;font-weight:900;margin-bottom:10px}.section-subtitle{color:var(--gray-medium);font-size:16px;margin-bottom:20px}.progress-bar{height:4px;background:#f7931e1a;border-radius:2px;overflow:hidden;margin-top:20px}.progress-fill{height:100%;background:var(--gradient-orange);width:70%;animation:progress-fill 2s ease-in-out infinite alternate}.payment-card-preview{background:var(--gradient-dark);border-radius:var(--border-radius-medium);padding:30px;color:#fff;margin:30px 0;position:relative;overflow:hidden;animation:float 6s ease-in-out infinite;box-shadow:0 20px 40px #0000004d}.card-chip{font-size:32px;color:var(--orange-light);margin-bottom:20px}.card-number{font-size:24px;letter-spacing:2px;font-weight:600;margin:20px 0;font-family:Courier New,monospace}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.card-holder{font-size:14px;opacity:.8}.card-logo{display:flex;gap:10px;font-size:24px}.card-logo i{color:#fff;opacity:.8;transition:all var(--transition-fast)}.card-logo i:hover{opacity:1;transform:scale(1.2)}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 10s linear infinite}.user-info-card{display:flex;align-items:center;gap:20px;background:#f7931e0d;border-radius:var(--border-radius-medium);padding:20px;margin:20px 0;border-left:4px solid var(--orange-main);transition:all var(--transition-medium)}.user-info-card:hover{transform:translate(10px);background:#f7931e1a}.user-avatar{width:60px;height:60px;background:var(--gradient-orange);border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.user-details h4{color:var(--gray-dark);margin-bottom:5px;display:flex;align-items:center;gap:10px}.user-details p{color:var(--gray-medium);display:flex;align-items:center;gap:10px}.coupon-section{margin:30px 0}.coupon-label{display:flex;align-items:center;gap:10px;color:var(--orange-main);font-weight:600;margin-bottom:15px;font-size:16px}.coupon-input-group{display:flex;gap:10px;background:#fff;border-radius:var(--border-radius-medium);padding:5px;box-shadow:var(--shadow-soft);border:2px solid var(--orange-light);transition:all var(--transition-medium)}.coupon-input-group:focus-within{border-color:var(--orange-main);box-shadow:var(--shadow-glow-orange);transform:translateY(-2px)}.coupon-input{flex:1;padding:15px 20px;border:none;border-radius:calc(var(--border-radius-medium) - 5px);font-size:16px;background:transparent;color:var(--gray-dark)}.coupon-input:focus{outline:none}.apply-coupon{padding:15px 30px;background:var(--gradient-orange);color:#fff;border:none;border-radius:calc(var(--border-radius-medium) - 5px);font-weight:700;font-size:16px;cursor:pointer;transition:all var(--transition-medium);display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.apply-coupon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.apply-coupon:hover:before{left:100%}.apply-coupon:hover:not(:disabled){background:linear-gradient(135deg,var(--orange-dark),var(--orange-main));transform:translateY(-2px);box-shadow:var(--shadow-glow-orange)}.apply-coupon:disabled{background:var(--gray-light);color:var(--gray-medium);cursor:not-allowed}.coupon-success{background:var(--purple-accent)!important;animation:pulse-glow 1s infinite!important}.terms-section{margin:25px 0}.terms-checkbox{display:flex;align-items:flex-start;gap:15px;cursor:pointer;font-size:14px;color:var(--gray-medium);line-height:1.6;transition:all var(--transition-fast)}.terms-checkbox:hover{color:var(--gray-dark)}.custom-checkbox{position:relative;flex-shrink:0}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:relative;display:block;width:24px;height:24px;background:#fff;border:2px solid var(--orange-light);border-radius:6px;transition:all var(--transition-fast)}.checkmark:after{content:"";position:absolute;display:none;left:8px;top:4px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox input:checked~.checkmark{background:var(--orange-main);border-color:var(--orange-main);animation:pulse-glow .5s}.custom-checkbox input:checked~.checkmark:after{display:block}.highlight-link{color:var(--orange-main);text-decoration:none;font-weight:600;position:relative}.highlight-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--orange-main);transition:width var(--transition-fast)}.highlight-link:hover:after{width:100%}.payment-button-section{margin-top:auto;padding-top:20px}.payment-button-section.reduced-margin{margin-top:10px;padding-top:10px}.pay-button{width:100%;padding:25px;background:var(--gradient-orange-purple);color:#fff;border:none;border-radius:var(--border-radius-medium);font-size:18px;font-weight:700;cursor:pointer;transition:all var(--transition-medium);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow-glow-orange);animation:pulse-glow 2s infinite}.pay-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.pay-button:hover:before{left:100%}.pay-button:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 25px 50px #f7931e66;animation:none}.pay-button:disabled{background:var(--gray-light);color:var(--gray-medium);cursor:not-allowed;animation:none;box-shadow:none}.pay-button.processing{background:var(--gradient-orange);animation:pulse-glow 1s infinite}.pay-button.error-shake{animation:shake .5s;background:linear-gradient(135deg,#f44,#c00)}.button-content{display:flex;align-items:center;gap:20px}.button-icon{font-size:24px}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner-rotate 1s linear infinite}.button-text{text-align:left}.button-main-text{font-size:20px;font-weight:800;margin-bottom:5px}.button-subtext{font-size:14px;opacity:.9;font-weight:500}.button-arrow{font-size:20px;opacity:.8;transition:transform var(--transition-fast)}.pay-button:hover .button-arrow{transform:translate(5px)}.payment-info{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.info-item{display:flex;align-items:center;gap:10px;color:var(--gray-medium);font-size:14px;background:#f7931e0d;padding:12px 20px;border-radius:var(--border-radius-small);flex:1;transition:all var(--transition-fast)}.info-item:hover{background:#f7931e1a;transform:translateY(-2px)}.summary-section{display:flex;flex-direction:column;height:100%}.summary-header{margin-bottom:30px}.summary-subtitle{color:var(--gray-medium);font-size:16px}.product-info{display:flex;gap:20px;margin-bottom:30px;padding:25px;background:#f7931e0d;border-radius:var(--border-radius-medium);border:2px dashed var(--orange-light);position:relative;transition:all var(--transition-medium)}.product-info:hover{background:#f7931e1a;transform:translateY(-5px);border-color:var(--orange-main)}.product-image{position:relative;flex-shrink:0}.image-placeholder{width:80px;height:80px;background:var(--gradient-orange);border-radius:var(--border-radius-medium);display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-glow-orange)}.image-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:rotate 5s linear infinite}.product-badge{position:absolute;top:-10px;right:-10px;background:var(--purple-accent);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;transform:rotate(15deg);animation:float 3s ease-in-out infinite}.product-details h4{color:var(--gray-dark);font-size:24px;font-weight:800;margin-bottom:10px}.product-period{color:var(--gray-medium);font-size:14px;margin-bottom:20px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}.feature-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--gray-dark);transition:all var(--transition-fast)}.feature-item:hover{color:var(--orange-main);transform:translate(5px)}.feature-item i{color:var(--orange-main);font-size:16px}.price-details{background:#fff;border-radius:var(--border-radius-medium);padding:25px;box-shadow:var(--shadow-soft);margin-bottom:20px}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(247,147,30,.1)}.price-row:last-child{border-bottom:none}.price-label{color:var(--gray-medium);font-size:16px;display:flex;align-items:center;gap:10px}.total{font-weight:800;font-size:20px;padding-top:20px;margin-top:20px;border-top:2px solid rgba(247,147,30,.2)}.total-price{color:var(--orange-main);font-size:32px;font-weight:900;display:flex;align-items:baseline;gap:5px}.currency{font-size:16px;opacity:.7}.security-features{display:flex;justify-content:space-between;gap:15px;margin:25px 0}.security-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#f7931e0d;border-radius:var(--border-radius-medium);transition:all var(--transition-medium);text-align:center}.security-item:hover{background:#f7931e1a;transform:translateY(-5px);box-shadow:var(--shadow-soft)}.security-icon{width:50px;height:50px;background:var(--gradient-orange);border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.security-item span{color:var(--gray-dark);font-weight:600;font-size:14px}.mercadopago-info{background:linear-gradient(135deg,#f7931e0d,#b185ff0d);border-radius:var(--border-radius-medium);padding:30px 25px 25px;margin-top:auto;border:2px solid rgba(247,147,30,.1)}.mp-logo{display:flex;align-items:center;gap:15px;margin-bottom:20px}.mp-icon{width:50px;height:50px;background:var(--gradient-orange);border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.mp-text{display:flex;flex-direction:column}.powered-by{font-size:12px;color:var(--gray-medium);text-transform:uppercase;letter-spacing:1px}.mp-name{color:var(--orange-dark);font-size:24px;font-weight:800}.mp-description{color:var(--gray-medium);font-size:14px;line-height:1.6;margin:15px 0}.payment-methods{display:flex;justify-content:center;gap:20px;font-size:28px;color:var(--gray-medium);margin-top:20px}.payment-methods i{transition:all var(--transition-fast)}.payment-methods i:hover{color:var(--orange-main);transform:scale(1.2)}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-element{position:absolute;font-size:24px;color:#f7931e33;animation:float 8s ease-in-out infinite}.element-1{top:10%;left:5%;animation-delay:0s;color:var(--orange-light)}.element-2{top:20%;right:10%;animation-delay:2s;color:var(--purple-light)}.element-3{bottom:30%;left:15%;animation-delay:4s;color:var(--orange-main)}.element-4{bottom:20%;right:5%;animation-delay:6s;color:var(--purple-accent)}.particle{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;animation:particle-explode 1s ease-out forwards}.confetti-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.confetti{position:absolute;width:10px;height:10px;border-radius:2px;animation:confetti-fall 2s ease-out forwards}.success-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .5s ease-out}.success-overlay.top-overlay{align-items:flex-start;padding-top:100px;background:#000000d9}.success-content{background:#fff;padding:40px;border-radius:var(--border-radius-large);text-align:center;animation:scaleIn .5s ease-out;box-shadow:var(--shadow-strong);max-width:500px;margin:0 20px}.success-icon{font-size:60px;margin-bottom:20px;animation:pulse-glow 1s infinite}.success-content h2{color:var(--orange-main);font-size:32px;margin-bottom:15px}.success-content p{color:var(--gray-medium);font-size:18px}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.animate-on-load{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.animate-in{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.shake-animation{animation:shake .5s ease}.payment-footer{background:var(--gradient-dark);color:#fff;padding:40px 0 20px;position:relative;overflow:hidden;flex-shrink:0}.payment-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-orange-purple);animation:gradient-shift 3s infinite}.footer-content{max-width:1400px;margin:0 auto;padding:0 60px}.footer-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.footer-logo{display:flex;align-items:center;gap:10px;color:var(--orange-light);font-weight:600}.footer-links{display:flex;gap:30px}.footer-links a{color:#fff;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.footer-links a:hover{color:var(--orange-light);transform:translateY(-2px)}.copyright{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:14px}.trust-badge{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--orange-light);font-weight:600;margin-top:15px}.error-message{background:linear-gradient(135deg,#ff44441a,#cc00001a);border:2px solid rgba(255,68,68,.3);border-radius:var(--border-radius-medium);padding:20px;margin:20px 0;display:flex;align-items:center;gap:15px;color:#f44;font-size:16px;animation:shake .5s ease}.error-message i{font-size:24px}@media (max-width: 1200px){.header-container,.payment-main,.footer-content{padding-left:40px;padding-right:40px}.combined-section{gap:30px;padding:40px}.success-overlay.top-overlay{padding-top:80px}}@media (max-width: 1024px){.combined-section{grid-template-columns:1fr;gap:30px}.payment-section{padding-right:0;border-right:none;padding-bottom:30px;border-bottom:1px solid rgba(247,147,30,.1)}.features-grid{grid-template-columns:1fr}.security-features{flex-direction:column}.success-overlay.top-overlay{padding-top:60px}.success-content{padding:30px;margin:0 15px}}@media (max-width: 768px){.header-container{flex-direction:column;gap:20px;text-align:center}.logo-section{flex-direction:column;gap:15px}.payment-main{padding:20px}.combined-section{padding:30px}.text-gradient{font-size:28px}.success-overlay.top-overlay{padding-top:50px}.success-content{padding:25px}.success-content h2{font-size:28px}.success-content p{font-size:16px}}@media (max-width: 480px){.header-container,.payment-main,.combined-section,.footer-content{padding:20px}.text-gradient,.logo{font-size:24px}.secure-badge{padding:6px 12px;font-size:12px}.payment-card-preview{padding:20px}.card-number{font-size:18px}.product-info{flex-direction:column;text-align:center}.product-image{align-self:center}.floating-elements{display:none}.success-overlay.top-overlay{padding-top:40px}.success-content{padding:20px;margin:0 10px}.success-icon{font-size:40px}.success-content h2{font-size:24px}}.hover-scale{transition:transform var(--transition-medium)}.hover-scale:hover{transform:scale(1.05)}.animate-float{animation:float 6s ease-in-out infinite}.animate-rotate{animation:spinner-rotate 20s linear infinite}html,body{margin:0;padding:0;width:100%;height:100%;background:#f8fafc;overflow-x:hidden;box-sizing:border-box;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}.animated-background{position:relative;overflow:hidden}.animated-background:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(245,158,11,.05) 0%,transparent 50%);z-index:-1;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%,100% 50%,50% 100%}50%{background-position:100% 50%,0% 50%,50% 0%}}.floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;width:4px;height:4px;background:#3b82f633;border-radius:50%;animation:floatParticle linear infinite}@keyframes floatParticle{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(100px) rotate(360deg);opacity:0}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes spinIn{0%{transform:rotate(-180deg) scale(0);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-5px) rotate(5deg)}66%{transform:translateY(5px) rotate(-5deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc}}@keyframes glitter{0%{background-position:-100px}40%,to{background-position:140px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fire{0%,to{color:#ff6b35;text-shadow:0 0 5px #ff6b35}50%{color:#ffa726;text-shadow:0 0 10px #ffa726}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes expandWidth{0%{width:0}to{width:100%}}@keyframes slideInRightOnHover{0%{transform:translate(0)}to{transform:translate(5px)}}.slide-in-down{animation:slideInDown .6s ease-out}.slide-in-up{animation:slideInUp .6s ease-out}.slide-in-right{animation:slideInRight .5s cubic-bezier(.175,.885,.32,1.275)}.slide-in-left{animation:slideInLeft .5s ease-out}.fade-in{animation:fadeIn .3s ease-out}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in-delay-1{animation:fadeIn .6s ease-out .1s both}.fade-in-delay-2{animation:fadeIn .6s ease-out .2s both}.fade-in-delay-3{animation:fadeIn .6s ease-out .3s both}.fade-in-delay-4{animation:fadeIn .6s ease-out .4s both}.fade-in-up-delay{animation:fadeInUp .6s ease-out .2s both}.bounce-in{animation:bounceIn .6s cubic-bezier(.175,.885,.32,1.275)}.spin-in{animation:spinIn .6s cubic-bezier(.175,.885,.32,1.275)}.typewriter{overflow:hidden;white-space:nowrap;animation:typewriter 1.5s steps(40,end)}.pulse{animation:pulse 2s infinite}.bounce{animation:bounce 1s infinite}.float-on-hover:hover{animation:float 3s ease-in-out infinite}.glow-on-hover:hover{animation:glow 1.5s infinite}.shake-on-hover:hover{animation:shake .5s ease-in-out}.rotate-on-hover:hover{animation:rotate .5s ease-in-out}.pulse-on-hover:hover{animation:pulse 1s infinite}.bounce-on-hover:hover{animation:bounce .5s ease-in-out}.slide-in-right-on-hover:hover{animation:slideInRightOnHover .3s ease-out forwards}.slide-in-left-on-hover:hover{transform:translate(5px);transition:transform .3s ease}.glitter{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:glitter 2s infinite}.fire-text{animation:fire 2s infinite alternate}.count-up{animation:countUp .8s ease-out}.expand-on-focus:focus-within{transform:scale(1.02);transition:transform .3s ease}.expand-width{animation:expandWidth 1s ease-out}.dashboard-container{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column;width:100vw;overflow-x:hidden;position:relative}.dashboard-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:0 20px;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #fffcfc1a;width:100%;animation:slideInDown .6s ease-out}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:15px 0;width:100%;flex-wrap:wrap;gap:15px}.header-content h1{color:#f0f0f0}.brand h1{font-size:1.8rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px;position:relative}.brand h1:after{content:"";position:absolute;bottom:-5px;left:0;width:60px;height:3px;background:#fff;border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.brand:hover h1:after{transform:scaleX(1)}.user-menu{display:flex;align-items:center;gap:12px}.username{color:#ffffffe6;font-weight:500;font-size:.95rem;padding:6px 12px;background:#ffffff1a;border-radius:15px;transition:all .3s ease}.username:hover{background:#fff3;transform:translateY(-2px)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#fff,#e0e7ff);display:flex;align-items:center;justify-content:center;color:#3b82f6;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #3b82f64d;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:hidden}.user-avatar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.user-avatar:hover:before{left:100%}.user-avatar:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px #3b82f666}.user-avatar.large{width:50px;height:50px;font-size:1.3rem}.dashboard-main{flex:1;max-width:1400px;margin:0 auto;padding:25px 20px;width:100%;overflow-x:hidden}.welcome-section{background:#fff;border-radius:16px;padding:30px;margin-bottom:25px;box-shadow:0 6px 20px #00000014;border:1px solid #e5e7eb;position:relative;overflow:hidden;animation:fadeInUp .8s ease-out}.welcome-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#f59e0b);background-size:200% 100%;animation:gradientShift 3s ease infinite}.welcome-content{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.welcome-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:15px}.welcome-text{flex:1}.welcome-text h1{font-size:1.8rem;margin-bottom:8px;color:#1a1a1a;font-weight:700;line-height:1.3}.welcome-text p{font-size:1rem;color:#6b7280;margin:0;font-weight:500;line-height:1.4}.highlight-text{position:relative;display:inline-block;padding:0 2px}.highlight-text:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.highlight-text:hover:after{transform:scaleX(1)}.premium-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;padding:8px 15px;border-radius:20px;font-weight:600;font-size:.9rem;white-space:nowrap;box-shadow:0 4px 15px #f59e0b4d;border:1px solid rgba(245,158,11,.2);position:relative;overflow:hidden}.welcome-search-container{width:100%;max-width:500px;margin:15px 0 0}.welcome-search{background:#fff!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.welcome-search .search-input{color:#374151!important;outline:none!important}.welcome-search .search-input:focus,.welcome-search .search-input:focus-visible{outline:none!important;box-shadow:none!important}.welcome-search .search-input::placeholder{color:#6b7280!important}.welcome-search .search-button{color:#6b7280!important;transition:all .3s ease!important}.welcome-search:hover,.welcome-search:focus-within{background:#fff!important;border-color:#fff!important;transform:translateY(-2px)}.welcome-search:hover .search-button,.welcome-search:focus-within .search-button{color:#fdfdfd!important}.search-form{display:flex;align-items:center;background:#fff;border-radius:25px;padding:8px 15px;border:2px solid #e5e7eb;transition:all .3s ease}.search-form:hover,.search-form:focus-within{border-color:#fff;box-shadow:0 0 0 4px #3b82f61a}.search-input{flex:1;border:none;background:transparent;font-size:.95rem;color:#374151;outline:none;font-weight:500;padding:5px 0}.search-input::placeholder{color:#9ca3af;font-weight:400}.search-button{background:none;border:none;font-size:1.2rem;color:#6b7280;cursor:pointer;padding:5px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%}.search-button:hover{background:#f0f7ff;color:#3b82f6;transform:rotate(90deg)}.welcome-stats{display:flex;gap:15px;align-items:center}.welcome-stat{text-align:center;padding:12px 15px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;min-width:100px;border:2px solid transparent;background-clip:padding-box;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.welcome-stat:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:14px;z-index:-1;opacity:0;transition:opacity .3s ease}.welcome-stat:hover:before{opacity:1}.welcome-stat:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.stat-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(59,130,246,.1),transparent 70%);border-radius:12px;opacity:0;animation:glow 2s infinite}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#3b82f6;margin-bottom:4px;transition:all .3s ease}.welcome-stat:hover .stat-number{background:none!important;-webkit-text-fill-color:white!important;color:#fff!important;transform:scale(1.1)}.stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600;transition:color .3s ease}.welcome-stat:hover .stat-label{color:#fff!important}.welcome-stat.loading{background:#f8fafc;border:2px dashed #e2e8f0}.quick-analytics-section{margin:30px 0;animation:fadeInUp .8s ease-out .2s both}.content-card{background:#fff;padding:25px;border-radius:16px;box-shadow:0 6px 20px #00000014;border:1px solid #f1f5f9;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.content-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b);background-size:200% 100%;animation:gradientShift 4s ease infinite}.content-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f}.card-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(59,130,246,.05),transparent 70%);border-radius:16px;opacity:0;transition:opacity .3s ease}.content-card:hover .card-glow{opacity:1}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.analytics-header h2{font-size:1.4rem;color:#1a1a1a;font-weight:700;margin:0;display:flex;align-items:center;gap:10px}.view-details-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:10px 18px;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #3b82f64d;position:relative;overflow:hidden}.view-details-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.view-details-btn:hover:before{left:100%}.view-details-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.analytics-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.analytics-card{background:linear-gradient(135deg,#f8fafc,#fff);padding:20px;border-radius:12px;border:2px solid transparent;background-clip:padding-box;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.analytics-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#3b82f6,#10b981,#f59e0b);border-radius:14px;z-index:-1;opacity:0;transition:opacity .3s ease}.analytics-card:hover:before{opacity:1}.analytics-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.analytics-card h3{margin:0 0 15px;color:#333;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px}.main-metrics{display:flex;gap:20px}.metric{text-align:center;flex:1;position:relative}.metric:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:30px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;opacity:0;transition:opacity .3s ease}.metric:hover:after{opacity:1}.metric-value{display:block;font-size:2rem;font-weight:700;color:#3b82f6;margin-bottom:5px;transition:all .3s ease}.analytics-card:hover .metric-value{background:none!important;-webkit-text-fill-color:white!important;color:#fff!important;transform:scale(1.1)}.metric-label{font-size:.9rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.analytics-card:hover .metric-label,.analytics-card:hover h3{color:#fff!important}.bounce-in-delay{animation:bounceIn .6s cubic-bezier(.175,.885,.32,1.275) .1s both}.top-links-list{display:flex;flex-direction:column;gap:12px}.top-link{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:hidden}.top-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#3b82f6,#8b5cf6);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.top-link:hover:before{transform:scaleY(1)}.top-link:hover{border-color:#3b82f6;transform:translate(8px);box-shadow:0 6px 20px #3b82f61a}.link-rank{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;transition:all .3s ease}.top-link:hover .link-rank{transform:rotate(360deg)}.link-name{flex:1;font-size:.9rem;color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-clicks{font-size:.8rem;color:#fff;background:linear-gradient(135deg,#10b981,#059669);padding:4px 10px;border-radius:15px;font-weight:600;white-space:nowrap;transition:all .3s ease}.top-link:hover .link-clicks{transform:scale(1.1)}.activity-stats{display:flex;flex-direction:column;gap:15px}.activity-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;position:relative}.activity-stat:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background:linear-gradient(90deg,#10b981,#3b82f6);transition:width .3s ease}.activity-stat:hover:after{width:100%}.activity-label{font-size:.9rem;color:#64748b;font-weight:500}.activity-value{font-size:1.3rem;font-weight:700;color:#10b981;background:linear-gradient(45deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.no-data{color:#64748b;font-style:italic;text-align:center;padding:20px 0;font-size:.95rem}.analytics-loading{text-align:center;padding:40px 20px;color:#64748b;font-size:.95rem}.pulse-dots{display:flex;justify-content:center;gap:8px;margin-bottom:15px}.dot{width:10px;height:10px;background:#3b82f6;border-radius:50%;animation:pulse 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.discover-section{margin-bottom:40px}.section-header{text-align:center;margin-bottom:30px}.dashboard-header .brand h1{color:#fff!important}.section-header h2{font-size:1.8rem;color:#1a1a1a;font-weight:700;margin-bottom:10px;position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.text-reveal{background:linear-gradient(90deg,#1a1a1a,#3b82f6,#8b5cf6);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}.section-header p{font-size:1rem;color:#6b7280;font-weight:400;max-width:600px;margin:0 auto}.profiles-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-bottom:40px}.profile-card-enhanced{background:#fff;border-radius:16px;padding:25px;box-shadow:0 8px 25px #0000001a;border:2px solid transparent;background-clip:padding-box;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;cursor:pointer}.profile-card-enhanced:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#10b981,#f59e0b);border-radius:18px;z-index:-1;opacity:0;transition:opacity .3s ease}.profile-card-enhanced:hover:before{opacity:1}.card-hover-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(59,130,246,.05),transparent 70%);border-radius:16px;opacity:0;transition:opacity .3s ease}.profile-card-enhanced:hover .card-hover-overlay{opacity:1}.profile-card-enhanced:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #00000026}.profile-header-enhanced{display:flex;align-items:flex-start;gap:15px;margin-bottom:15px;position:relative}.avatar-wrapper{position:relative}.profile-avatar-img{width:55px;height:55px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 6px 15px #00000026;transition:all .3s ease}.profile-card-enhanced:hover .profile-avatar-img{transform:scale(1.1);border-color:#3b82f6}.profile-avatar-initials{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;border:3px solid white;box-shadow:0 6px 15px #00000026;transition:all .3s ease}.profile-card-enhanced:hover .profile-avatar-initials{transform:scale(1.1) rotate(10deg)}.avatar-ring{position:absolute;inset:-4px;border:2px solid #3b82f6;border-radius:50%;animation:pulse 2s infinite}.profile-info-enhanced{flex:1}.profile-name-enhanced{font-size:1.2rem;font-weight:700;color:#1a1a1a;margin:0 0 6px;line-height:1.2;transition:color .3s ease}.profile-card-enhanced:hover .profile-name-enhanced{background:linear-gradient(45deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-bio-enhanced{font-size:.9rem;color:#6b7280;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-stats-enhanced{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.profile-stats-enhanced .stat{font-size:.8rem;color:#6b7280;background:#ffffffb3;padding:4px 10px;border-radius:15px;font-weight:500;border:1px solid #e5e7eb;transition:all .3s ease}.profile-card-enhanced:hover .profile-stats-enhanced .stat{background:#fff;border-color:#3b82f6;transform:translateY(-2px)}.profile-stats-enhanced .stat strong{color:#1a1a1a;transition:color .3s ease}.profile-card-enhanced:hover .profile-stats-enhanced .stat strong{color:#3b82f6}.premium-badge-small{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;padding:4px 10px;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 10px #f59e0b4d;position:relative;overflow:hidden}.profile-social-enhanced{margin-bottom:15px}.social-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.social-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;font-size:.9rem;box-shadow:0 3px 10px #0000001a;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:2px solid transparent;animation:fadeIn .5s ease-out both}.social-badge:hover{transform:translateY(-5px) scale(1.2);box-shadow:0 8px 20px #0003;border-color:#3b82f6}.social-badge.more{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.7rem;font-weight:700}.profile-links-preview{margin-bottom:20px}.link-preview-item{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:10px;margin-bottom:8px;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:hidden}.link-preview-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#8b5cf6,#3b82f6);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.link-preview-item:hover:before{transform:scaleY(1)}.link-preview-item:hover{border-color:#8b5cf6;transform:translate(8px);box-shadow:0 6px 20px #8b5cf61a}.link-icon{font-size:.9rem}.link-title{font-size:.85rem;font-weight:500;color:#374151;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-links{text-align:center;padding:20px;color:#9ca3af;font-style:italic;background:#f9fafb;border-radius:10px;border:2px dashed #d1d5db;font-size:.9rem;transition:all .3s ease}.no-links:hover{border-color:#3b82f6;color:#6b7280}.profile-actions-enhanced{display:flex;justify-content:center}.view-profile-btn-enhanced{padding:12px 25px;background:#3b82f6;color:#fff;border:none;border-radius:25px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:8px;box-shadow:0 6px 20px #3b82f64d;position:relative;overflow:hidden}.view-profile-btn-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.view-profile-btn-enhanced:hover:before{left:100%}.view-profile-btn-enhanced:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px #3b82f666}.btn-icon{font-size:1rem}.trending-section-enhanced{margin-bottom:50px}.trending-header{text-align:center;margin-bottom:30px}.trending-header h2{font-size:1.6rem;color:#1a1a1a;font-weight:700;margin-bottom:8px}.trending-header p{color:#6b7280;font-size:1rem}.trending-profiles-enhanced{display:flex;flex-direction:column;gap:15px}.trending-profile-enhanced{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 25px #0000001a;border:2px solid transparent;background-clip:padding-box;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;overflow:hidden}.trending-profile-enhanced:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#f97316,#ea580c,#dc2626);border-radius:18px;z-index:-1;opacity:0;transition:opacity .3s ease}.trending-profile-enhanced:hover:before{opacity:1}.trending-profile-enhanced:hover{transform:translate(10px);box-shadow:0 15px 35px #00000026}.trending-profile-enhanced:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#f97316,#ea580c);border-radius:2px}.trending-rank{position:absolute;top:15px;right:20px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 4px 15px #f9731666;border:3px solid white;z-index:1;transition:all .3s ease}.trending-profile-enhanced:hover .trending-rank{transform:scale(1.2) rotate(360deg)}.trending-profile-content{display:flex;justify-content:space-between;align-items:center}.trending-profile-main{display:flex;align-items:center;gap:15px;flex:1}.trending-avatar .profile-avatar-initials,.trending-avatar .profile-avatar-img{width:50px;height:50px;font-size:1.1rem;border-width:3px;transition:all .3s ease}.trending-profile-enhanced:hover .trending-avatar .profile-avatar-initials,.trending-profile-enhanced:hover .trending-avatar .profile-avatar-img{transform:scale(1.1)}.trending-details-enhanced h4{margin:0 0 5px;font-size:1.1rem;color:#1a1a1a;font-weight:600;transition:color .3s ease}.trending-profile-enhanced:hover .trending-details-enhanced h4{background:linear-gradient(45deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.trending-bio{margin:0 0 10px;color:#6b7280;font-size:.85rem;line-height:1.2}.trending-stats-enhanced{display:flex;gap:15px}.trending-stat{display:flex;align-items:center;gap:5px;font-size:.8rem;color:#6b7280;font-weight:500;padding:5px 10px;background:#f8fafc;border-radius:12px;transition:all .3s ease}.trending-profile-enhanced:hover .trending-stat{background:#fff;transform:translateY(-2px)}.trending-stat i{font-style:normal}.trending-badge-enhanced{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 4px 15px #f9731666;transition:all .3s ease}.trending-profile-enhanced:hover .trending-badge-enhanced{transform:scale(1.1)}.fire-icon{font-size:1rem;animation:fire 1.5s infinite alternate}.profile-sidebar-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;justify-content:flex-end;animation:fadeIn .3s ease-out}.profile-sidebar{width:350px;height:100vh;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:-10px 0 40px #0003;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:slideInRight .4s cubic-bezier(.175,.885,.32,1.275)}.profile-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);background-size:200% 100%;animation:gradientShift 3s ease infinite}.sidebar-header{padding:25px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start;background:#fff;flex-shrink:0}.sidebar-user-info{display:flex;align-items:center;gap:15px}.user-avatar.large{width:50px;height:50px;font-size:1.3rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;box-shadow:0 6px 20px #3b82f64d;border:3px solid white}.user-details h3{margin:0 0 5px;font-size:1.1rem;color:#1a1a1a;font-weight:600}.user-details p{margin:0;color:#6b7280;font-size:.85rem;font-weight:400}.close-sidebar{background:none;border:none;font-size:1.8rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.close-sidebar:hover{background:#f3f4f6;color:#374151;transform:rotate(90deg)}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:15px}.sidebar-scrollable::-webkit-scrollbar{width:6px}.sidebar-scrollable::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.sidebar-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#3b82f6,#8b5cf6);border-radius:3px}.sidebar-scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#2563eb,#7c3aed)}.sidebar-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:20px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.stat-item{text-align:center;padding:15px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;border:2px solid transparent;background-clip:padding-box;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.stat-item:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:14px;z-index:-1;opacity:0;transition:opacity .3s ease}.stat-item:hover:before{opacity:1}.stat-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.stat-hover-effect{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(59,130,246,.1),transparent 70%);border-radius:12px;animation:glow 2s infinite}.stat-item strong{display:block;font-size:1.2rem;color:#3b82f6;margin-bottom:5px;font-weight:700;transition:all .3s ease}.stat-item:hover strong{background:linear-gradient(45deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(1.1)}.stat-item span{font-size:.7rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sidebar-menu{padding:20px 0}.menu-item{width:100%;background:none;border:none;padding:15px 25px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);color:#374151;font-size:.95rem;font-weight:500;position:relative;overflow:hidden}.menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#3b82f6,#8b5cf6);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.menu-item:hover:before{transform:scaleY(1)}.menu-item:hover{background:linear-gradient(90deg,rgba(59,130,246,.1),transparent);color:#3b82f6;transform:translate(10px)}.menu-item-underline{position:absolute;bottom:0;left:25px;right:25px;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.menu-item:hover .menu-item-underline{transform:scaleX(1)}.menu-icon{font-size:1.2rem;width:20px;text-align:center;transition:transform .3s ease}.menu-item:hover .menu-icon{transform:scale(1.2)}.sidebar-analytics-preview{background:#fff;padding:20px;border-radius:12px;margin:0 20px;box-shadow:0 4px 12px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.sidebar-analytics-preview:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.sidebar-analytics-preview h4{margin:0 0 15px;color:#333;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px}.analytics-preview{display:flex;flex-direction:column;gap:10px}.preview-stat,.preview-top-link{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.preview-stat:last-child,.preview-top-link:last-child{border-bottom:none}.preview-label{color:#666;font-size:.85rem;font-weight:500}.preview-value{color:#333;font-weight:600;font-size:1rem}.preview-top-link .preview-value{color:#8b5cf6;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.sidebar-actions{padding:20px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;background:#fff}.action-btn{padding:14px 20px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:10px;justify-content:center;font-size:.95rem;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 6px 20px #3b82f64d}.action-btn.primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #3b82f666}.action-btn.secondary{background:#fff;color:#dc2626;border:2px solid #e5e7eb;box-shadow:0 4px 12px #00000014}.action-btn.secondary:hover{background:#fef2f2;border-color:#fca5a5;transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.btn-icon{font-size:1.1rem}.settings-back-button{display:flex;align-items:center;gap:10px}.back-btn{background:none;border:none;color:#3b82f6;cursor:pointer;padding:5px;font-size:.9rem;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.back-btn:before{content:"←";margin-right:5px;transition:transform .3s ease}.back-btn:hover:before{transform:translate(-5px)}.back-btn:hover{color:#2563eb;transform:translate(-5px)}.sidebar-settings{padding:0 20px 20px}.settings-category{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.settings-category:last-child{border-bottom:none;margin-bottom:0}.settings-category h3{margin:0 0 15px;color:#1a1a1a;font-size:1.1rem;display:flex;align-items:center;gap:8px}.settings-options{display:flex;flex-direction:column;gap:15px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#fff;border-radius:12px;border:2px solid #e5e7eb;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.setting-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#3b82f6,#8b5cf6);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.setting-item:hover:before{transform:scaleY(1)}.setting-item:hover{border-color:#3b82f6;transform:translate(5px);box-shadow:0 6px 20px #0000001a}.setting-info{flex:1;margin-right:15px}.setting-label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:4px;font-size:.95rem}.setting-desc{display:block;color:#6b7280;font-size:.85rem;line-height:1.3}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px;box-shadow:inset 0 2px 4px #0000001a}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}input:checked+.slider:before{transform:translate(24px)}.setting-select{padding:8px 40px 8px 12px;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:.9rem;min-width:120px;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.setting-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.settings-actions-sidebar{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.privacy-action-btn{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;position:relative;overflow:hidden}.privacy-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.privacy-policy{background:#f8fafc;padding:20px;border-radius:12px;border:2px solid #e5e7eb;margin-bottom:15px;transition:all .3s ease}.privacy-policy:hover{border-color:#3b82f6;transform:translateY(-3px)}.privacy-policy p{margin:0 0 12px;color:#374151;font-size:.95rem;line-height:1.4}.privacy-policy ul{margin:0 0 15px;padding-left:20px;color:#6b7280;font-size:.9rem;line-height:1.4}.privacy-policy li{margin-bottom:6px}.privacy-policy-btn{width:100%;padding:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.privacy-policy-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #10b98166}.account-deletion{background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:20px;border-radius:12px;border:2px solid #fecaca;text-align:center;transition:all .3s ease}.account-deletion:hover{transform:translateY(-3px);box-shadow:0 8px 25px #fecaca66}.account-deletion p{margin:0 0 15px;color:#dc2626;font-size:.95rem;font-weight:500}.delete-account-btn{width:100%;padding:12px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.delete-account-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #dc262666}.professional-footer{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#ccc;padding:40px 20px 20px;font-size:14px;margin-top:60px;width:100%;animation:slideInUp .6s ease-out;position:relative;overflow:hidden}.professional-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#f59e0b);background-size:200% 100%;animation:gradientShift 3s ease infinite}.footer-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:30px}.footer-column h4{color:#fff;margin-bottom:15px;font-size:1rem;font-weight:600;position:relative;padding-bottom:10px}.footer-column h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:8px}.footer-column a{color:#aaa;text-decoration:none;font-size:.85rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block;position:relative}.footer-column a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.footer-column a:hover{color:#fff;transform:translate(5px)}.footer-column a:hover:after{width:100%}.contact-info p{margin:8px 0;font-size:.85rem;line-height:1.4}.contact-info a{color:#3b82f6;text-decoration:none;font-weight:500;transition:all .3s ease}.contact-info a:hover{color:#60a5fa;text-decoration:underline}.phone-number{white-space:nowrap;transition:all .3s ease;display:inline-block;padding:6px 12px;background:#3b82f61a;border-radius:6px;margin-top:5px}.newsletter-desc{margin-bottom:15px;font-size:.85rem;line-height:1.4}.newsletter-form{display:flex;gap:8px;margin-bottom:10px}.newsletter-form input{flex:1;padding:10px 15px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-size:.85rem;transition:all .3s ease;min-width:0}.newsletter-form input:focus{outline:none;border-color:#3b82f6;background:#ffffff26;box-shadow:0 0 0 3px #3b82f61a}.newsletter-form input::placeholder{color:#ffffff80}.newsletter-form button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:0 20px;border-radius:25px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);min-width:50px;white-space:nowrap}.newsletter-form button:hover{transform:scale(1.05);box-shadow:0 6px 20px #3b82f666}.newsletter-message{margin-top:12px;color:#10b981;font-size:.85rem;font-weight:500;padding:10px 15px;background:#10b9811a;border-radius:8px;border:1px solid rgba(16,185,129,.3);animation:fadeInUp .5s ease-out}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);margin:25px 0;animation:expandWidth 1s ease-out}.footer-bottom-compact{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;flex-wrap:wrap;gap:15px}.footer-brand-compact{display:flex;flex-direction:column;gap:10px;flex:1;min-width:200px}.footer-logo-compact{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;transition:all .3s ease}.footer-logo-compact i{color:#3b82f6;font-size:1.1rem}.footer-logo-compact span{color:#fff;background:linear-gradient(45deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand-compact p{color:#888;font-size:.8rem;margin:0;line-height:1.4}.footer-social-compact{display:flex;gap:10px;flex-wrap:wrap}.footer-social-compact a{width:36px;height:36px;background:#ffffff1a;color:#aaa;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.footer-social-compact a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.footer-social-compact a:hover:before{left:100%}.footer-social-compact a:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;transform:translateY(-3px) rotate(360deg);box-shadow:0 8px 25px #3b82f666}.footer-copyright{width:100%;text-align:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);color:#888;font-size:.8rem;margin-top:10px}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;font-weight:700;box-shadow:0 8px 25px #3b82f666;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 12px 35px #3b82f699}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.spinner-container{text-align:center}.spinner{width:60px;height:60px;border:4px solid rgba(59,130,246,.1);border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite,pulse 2s ease-in-out infinite;margin:0 auto 20px}.spinner-text{color:#3b82f6;font-size:1.1rem;font-weight:600;animation:fadeIn 1s ease-in-out infinite alternate}.loading-profiles,.loading-trending{text-align:center;padding:50px 20px}.loading-profiles .spinner,.loading-trending .spinner{margin:0 auto 15px}.loading-profiles p,.loading-trending p{color:#6b7280;font-size:1rem;margin:0;font-weight:500}.search-container-wrapper{position:relative;width:100%}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;margin-top:8px;max-height:400px;overflow-y:auto;overflow-x:hidden;z-index:9999!important;border:1px solid #e2e8f0;padding:8px 0;position:absolute!important}.search-results-dropdown::-webkit-scrollbar{width:6px}.search-results-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.search-results-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.search-results-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.search-results-header{padding:12px 18px;border-bottom:1px solid #f1f5f9;background:#fff;position:sticky;top:0;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.results-count{font-size:13px;color:#64748b;font-weight:600;display:flex;align-items:center;gap:6px}.results-count:before{content:"";display:inline-block;width:8px;height:8px;background:#3b82f6;border-radius:50%}.search-result-item{display:flex;align-items:center;padding:14px 18px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f1f5f9;gap:15px;min-height:70px;box-sizing:border-box}.search-result-item:hover{background-color:#f8fafc;transform:translateY(-1px)}.search-result-item:last-child{border-bottom:none}.user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;overflow:hidden}.user-display-name{font-size:15px;font-weight:600;color:#1e293b;margin:0;line-height:1.3;white-space:normal;word-break:break-word;overflow:visible;display:block;width:100%}.user-username{font-size:13px;color:#64748b;margin:0;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.user-bio{font-size:12px;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.user-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:2px solid #e2e8f0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-fallback i{font-size:18px;color:#fff}.user-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#f8fafc;transition:all .2s;flex-shrink:0;margin-left:auto}.search-result-item:hover .user-action{background:#3b82f6;transform:scale(1.05)}.search-result-item:hover .link-icon{color:#fff}.search-loading,.search-error{position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px;text-align:center;border-radius:12px;box-shadow:0 10px 40px #00000026;margin-top:8px;z-index:9999!important;border:1px solid #e2e8f0}.search-loading{color:#3b82f6;font-weight:500}.search-error{background:#fef2f2;color:#dc2626;border-color:#fecaca}.dashboard-container,.dashboard-main,.welcome-section,.welcome-content,.welcome-search-container{position:relative;z-index:1}.search-container-wrapper.active:before{content:"";position:fixed;inset:0;background:#0000001a;z-index:9998;pointer-events:none}.analytics-card:hover h3,.analytics-card:hover .metric-value,.analytics-card:hover .metric-label,.analytics-card:hover .no-data,.analytics-card:hover .activity-label,.analytics-card:hover .activity-value,.analytics-card:hover .link-name,.analytics-card:hover .link-clicks{color:#fff!important;-webkit-text-fill-color:white!important;background:none!important;background-image:none!important}.analytics-card:hover .activity-value{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:white!important}.profile-card-enhanced:hover .profile-name-enhanced,.profile-card-enhanced:hover .profile-bio-enhanced,.profile-card-enhanced:hover .profile-stats-enhanced .stat,.profile-card-enhanced:hover .profile-stats-enhanced .stat strong{color:#fff!important;-webkit-text-fill-color:white!important;background:none!important;background-image:none!important}.profile-card-enhanced:hover .profile-name-enhanced{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}.profile-card-enhanced:hover .social-badge{background:#fff3!important;border-color:#fff!important;color:#fff!important}.profile-card-enhanced:hover .view-profile-btn-enhanced{background:#fff!important;color:#3b82f6!important;box-shadow:0 8px 25px #ffffff4d!important}.trending-profile-enhanced:hover .trending-details-enhanced h4,.trending-profile-enhanced:hover .trending-bio,.trending-profile-enhanced:hover .trending-stat,.trending-profile-enhanced:hover .trending-stat i{color:#fff!important;-webkit-text-fill-color:white!important;background:none!important}.trending-profile-enhanced:hover .trending-details-enhanced h4{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}@media (max-width: 1200px){.profiles-grid-enhanced{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-grid{grid-template-columns:repeat(2,1fr)}.main-metrics{flex-direction:column;gap:20px}}@media (max-width: 1100px){.footer-columns{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width: 992px){.footer-columns{grid-template-columns:repeat(2,1fr);gap:30px}.welcome-text h1{font-size:1.6rem}}@media (max-width: 768px){.header-content{flex-direction:column;gap:15px;text-align:center}.welcome-top{flex-direction:column;text-align:center;gap:15px}.welcome-text{text-align:center}.welcome-text h1:after{left:50%;transform:translate(-50%)}.analytics-grid,.profiles-grid-enhanced{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr;gap:25px}.trending-profile-content{flex-direction:column;gap:15px;align-items:flex-start}.trending-badge-enhanced{align-self:flex-start}.sidebar-stats{grid-template-columns:repeat(2,1fr)}.scroll-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:1.3rem}.professional-footer{padding:30px 15px 15px;margin-top:40px}.footer-column{text-align:center}.footer-column h4:after{left:50%;transform:translate(-50%)}.footer-column a:hover{transform:translateY(-2px)}.footer-bottom-compact{flex-direction:column;text-align:center;gap:20px}.footer-brand-compact{align-items:center;text-align:center}.newsletter-form{flex-direction:column}.newsletter-form input{width:100%;text-align:center}.newsletter-form button{width:100%;padding:12px}.footer-social-compact{justify-content:center}.footer-copyright{font-size:.75rem}}@media (max-width: 480px){.dashboard-main{padding:20px 15px}.welcome-section{padding:25px 20px}.content-card,.profile-card-enhanced{padding:20px}.trending-profile-enhanced{padding:18px}.trending-stats-enhanced{flex-direction:column;gap:8px}.sidebar-stats{grid-template-columns:1fr}.menu-item{padding:14px 20px}.action-btn{padding:14px 18px}.scroll-to-top{bottom:15px;right:15px;width:40px;height:40px;font-size:1.2rem}.professional-footer{padding:25px 12px 12px;margin-top:30px}.footer-column h4{font-size:.95rem}.footer-column a,.contact-info p,.newsletter-desc{font-size:.8rem}.footer-logo-compact{font-size:.9rem}.footer-brand-compact p{font-size:.75rem}.footer-social-compact a{width:32px;height:32px;font-size:.8rem}.footer-copyright{font-size:.7rem}}@media (max-width: 360px){.professional-footer{padding:20px 10px 10px}.footer-column h4{font-size:.9rem}.footer-column a{font-size:.75rem}.footer-logo-compact{flex-direction:column;gap:5px}.footer-social-compact{gap:8px}.footer-social-compact a{width:30px;height:30px;font-size:.75rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#f1f5f9,#e2e8f0);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:4px;border:2px solid #f1f5f9}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#7c3aed)}::selection{background:#3b82f64d;color:#1a1a1a}:focus{outline:none}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.trial-banner{background:#fef3c7;border:1px solid #facc15;color:#92400e;padding:12px 16px;border-radius:10px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.trial-banner.danger{background:#fee2e2;border-color:#ef4444;color:#7f1d1d}.upgrade-btn{background:#111827;color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--secondary-color: #475569;--accent-color: #0369a1;--dark-text: #1e293b;--light-text: #64748b;--background: #f8fafc;--card-bg: #ffffff;--border-light: #e2e8f0;--success: #059669;--warning: #d97706;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);--gradient-card: linear-gradient(135deg, #334155 0%, #475569 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}.profile-page-container{min-height:100vh;background-color:var(--background);overflow-x:hidden}.profile-header{background:linear-gradient(135deg,#1a3ab5,#0d2c91);color:#fff;padding:3rem 0;position:sticky;top:0;z-index:100;box-shadow:0 6px 20px #00000040;border-bottom:2px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:headerFadeIn .5s ease-out}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-content{max-width:1600px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;min-height:70px}.header-content *{text-shadow:0 2px 4px rgba(0,0,0,.3)}.back-button{background:#ffffff40;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 8px #0003;letter-spacing:.3px;position:relative;overflow:hidden}.back-button:hover{background:#fff6;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d;border-color:#ff989880}.user-controls{display:flex;align-items:center;gap:1.5rem}.user-controls span{background:#fff3;padding:.75rem 1.5rem;border-radius:10px;font-weight:700;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);font-size:1rem;border:2px solid rgba(255,255,255,.25);box-shadow:0 4px 8px #00000026;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.5px}.profile-main{max-width:100%;margin:0;padding:0}.main-content-wrapper{max-width:1600px;margin:0 auto;padding:1.5rem 2rem 0;display:grid;grid-template-columns:280px 1fr;gap:2rem}.navigation-sidebar{background:var(--card-bg);border-radius:12px;padding:1.5rem 1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);height:fit-content;position:sticky;top:100px}.tab-nav{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.nav-item{display:flex;align-items:center;gap:12px;background:none;border:none;padding:12px 16px;text-align:left;font-size:14px;font-weight:500;color:var(--light-text);border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:.25rem}.nav-item:hover{background:#c598691f;color:var(--primary-color)}.nav-item.active{background:var(--gradient-primary);color:#81462d;font-weight:600;box-shadow:var(--shadow-sm)}.nav-item.active .nav-icon{color:#a58989}.nav-icon{font-size:1.1rem;color:var(--primary-color);width:20px;text-align:center;transition:color .2s ease}.profile-content{flex-grow:1;width:100%;padding-right:0}.tab-content{width:100%}.content-with-preview{display:grid;grid-template-columns:minmax(300px,3fr) 1fr;gap:2rem;width:100%}.content-section{background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm);transition:all .2s ease;position:relative;overflow:hidden;min-width:0;width:100%}.content-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.content-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.content-section h2{margin-bottom:.75rem;font-size:1.5rem;color:var(--dark-text);font-weight:700;letter-spacing:-.025em}.content-section p{margin-bottom:1.5rem;color:var(--light-text);line-height:1.6;font-size:.95rem}.empty-links-state{text-align:center;padding:3rem 2rem;background:#f8fafc;border:2px dashed var(--border-light);border-radius:8px;margin-bottom:1rem}.empty-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.4}.empty-links-state h3{margin-bottom:.5rem;color:var(--dark-text);font-weight:600}.empty-links-state p{color:var(--light-text);margin:0;line-height:1.5}.link-list{display:flex;flex-direction:column;gap:1rem}.link-item{background:#f8fafc;border:1px solid var(--border-light);border-radius:8px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;position:relative}.link-item:hover{background:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.link-drag-handle{cursor:grab;font-size:1.25rem;color:#cbd5e1;transition:color .2s ease}.link-item:hover .link-drag-handle{color:var(--primary-color)}.link-details{flex-grow:1}.link-details h4{font-size:.95rem;margin:0 0 .25rem;color:var(--dark-text);font-weight:600}.link-url-text{font-size:.8rem;color:var(--light-text);margin:0}.link-clicks{text-align:right;font-size:.85rem;color:var(--light-text)}.clicks-count{font-weight:700;font-size:1rem;color:var(--dark-text);display:block}.add-link-btn{background:#ffd59e;color:#866137;border:none;padding:.875rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease;margin-top:1rem;box-shadow:var(--shadow-sm);width:100%}.add-link-btn:hover{transform:translateY(-1px);box-shadow:var #0ea5e9}.primary-btn{background:#ffd59e;color:#413d3d;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease;box-shadow:var(--shadow-sm)}.primary-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.design-settings h3{margin-top:2rem;margin-bottom:1rem;color:var(--dark-text);font-weight:600;font-size:1.1rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.template-card{border:2px solid transparent;padding:1rem;border-radius:8px;cursor:pointer;text-align:center;transition:all .2s ease;background-color:#f8fafc}.template-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.template-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.template-preview-image{height:70px;background-color:#e2e8f0;border-radius:6px;margin-bottom:.5rem;background:linear-gradient(45deg,#f1f5f9 25%,#f8fafc 25% 50%,#f1f5f9 50% 75%,#f8fafc 75%);background-size:20px 20px;transition:all .2s ease}.template-card:hover .template-preview-image{transform:scale(1.02)}.font-selector{display:flex;gap:.5rem;margin-top:.5rem}.font-btn{background:#fff;border:1px solid var(--border-light);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.font-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.font-btn.selected{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.preview-links{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem;max-width:100%;overflow:hidden}.preview-link{display:flex;align-items:center;gap:.75rem;background:#f1f5f9;color:#475569;text-decoration:none;padding:.875rem 1rem;border-radius:12px;font-size:.85rem;font-weight:500;transition:all .2s ease;border:1px solid #e2e8f0;width:100%;max-width:100%;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4;min-height:auto;text-align:left;overflow:hidden}.preview-link .link-content{display:flex;align-items:center;gap:.75rem;width:100%;min-width:0}.link-icon{font-size:1.1rem;flex-shrink:0;min-width:20px;display:flex;align-items:center;justify-content:center}.link-title{flex:1;white-space:normal;word-break:break-word;overflow-wrap:break-word;line-height:1.3;text-align:left;overflow:hidden;min-width:0}.profile-preview-card[class^=theme-] .preview-link{background:#ffffff26;border:1px solid rgba(255,255,255,.1);color:#fff}.profile-preview-card[class^=theme-] .preview-link:hover{background:#ffffff40}.preview-link.filled-style{background-color:var(--button-color, #3b82f6)!important;color:#fff!important;border:none!important;text-align:center;justify-content:center}.preview-link.outline-style{background-color:transparent!important;border:2px solid var(--button-color, #3b82f6)!important;color:var(--button-color, #3b82f6)!important;text-align:center;justify-content:center}.preview-link.minimal-style{background-color:transparent!important;border:none!important;color:var(--button-color, #3b82f6)!important;text-decoration:underline!important;text-align:center;justify-content:center}.profile-preview-card[class^=theme-] .preview-link.outline-style{border-color:#fff!important;color:#fff!important}.profile-preview-card[class^=theme-] .preview-link.minimal-style{color:#fff!important}.profile-preview{background:var(--card-bg);border-radius:12px;padding:2rem 0;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;justify-content:center;align-items:flex-start;min-width:300px;min-height:500px;position:sticky;top:120px}.preview-content{width:90%;max-width:300px;padding:1.5rem;border-radius:12px;background:var(--gradient-card);box-shadow:var(--shadow-md);color:#fff;position:relative;transition:all .2s ease}.preview-header{text-align:center;margin-bottom:1.5rem}.preview-avatar{width:70px;height:70px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;margin:0 auto 1rem;border:3px solid rgba(255,255,255,.2);box-shadow:var(--shadow-sm)}.empty-links{text-align:center;padding:1.5rem 1rem;color:#94a3b8;font-size:.85rem;width:100%}.preview-premium-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:.75rem;font-weight:600;padding:.4rem .8rem;border-radius:20px;margin-top:.5rem}.special-offer-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;padding:1rem;text-align:center;margin-top:1rem;border:1px solid #fbbf24}.special-offer-banner h3{margin:0;font-size:14px;color:#92400e;font-weight:600}.show-checklist-below-btn{background:none;border:none;color:#92400e;text-decoration:underline;cursor:pointer;padding:.5rem 0;margin-top:.5rem;font-size:13px;transition:color .2s}.link-details{word-break:break-word;overflow-wrap:break-word;white-space:normal}.link-item{max-width:100%}.show-checklist-below-btn:hover{color:var(--primary-color)}.design-layout.content-with-preview{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.design-section{width:100%}.design-header{margin-bottom:1.5rem}.design-header h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--dark-text)}.design-header p{color:var(--light-text);margin:0;font-size:.95rem}.theme-section{margin-bottom:2rem}.theme-section h3{margin-bottom:1rem;color:var(--dark-text);font-weight:600;font-size:1.1rem}.theme-tabs{display:flex;background:#f8fafc;border-radius:8px;padding:4px;margin-bottom:1.25rem;width:fit-content}.theme-tab{padding:.6rem 1.25rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;color:var(--light-text);font-size:.9rem}.theme-tab.active{background:#fff;color:var(--primary-color);box-shadow:var(--shadow-sm)}.theme-tab-content{background:#fff;border-radius:8px;border:1px solid var(--border-light);padding:1.25rem;width:100%;min-height:400px;display:flex;flex-direction:column;flex-grow:1}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;width:100%;flex-grow:1}.customizable-themes{width:100%;display:flex;flex-direction:column;flex-grow:1}.customization-tabs{display:flex;border-bottom:1px solid var(--border-light);margin-bottom:1.25rem;width:100%;overflow-x:auto;flex-shrink:0}.customization-content{width:100%;flex-grow:1;display:flex;flex-direction:column}.customization-content::-webkit-scrollbar{width:6px}.customization-content::-webkit-scrollbar-track{background:#f1f5f9}.customization-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.customization-panel{flex-grow:1;display:flex;flex-direction:column}.customization-options{display:flex;flex-direction:column;gap:1rem;flex-grow:1}.wallpaper-options,.button-options,.color-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem;flex-grow:1;align-content:start}.theme-card{border:2px solid transparent;padding:1.25rem .75rem;border-radius:8px;cursor:pointer;text-align:center;transition:all .2s ease;background:#fff;position:relative;display:flex;flex-direction:column;height:100%;min-height:180px}.theme-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.theme-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);background:#f8fafc}.theme-preview{height:90px;border-radius:6px;margin-bottom:.75rem;overflow:hidden;position:relative;flex-shrink:0}.theme-demo{width:100%;height:100%;padding:10px;display:flex;flex-direction:column;gap:5px}.demo-header{width:40%;height:6px;background:#fff9;border-radius:3px;margin-bottom:6px}.demo-links{display:flex;flex-direction:column;gap:3px}.demo-link{height:4px;background:#fff6;border-radius:2px}.demo-link:nth-child(2){width:80%}.demo-link:nth-child(3){width:60%}.theme-card p{margin:.5rem 0 0;flex-grow:1;display:flex;align-items:flex-end;justify-content:center;font-weight:500;color:var(--dark-text)}.theme-preview.modern{background:linear-gradient(135deg,#334155,#475569)}.theme-preview.dark{background:linear-gradient(135deg,#1e293b,#374151)}.theme-preview.vibrant{background:linear-gradient(135deg,#1e40af,#3730a3)}.theme-preview.classic{background:linear-gradient(135deg,#0369a1,#0ea5e9)}.theme-preview.agate{background:linear-gradient(135deg,#404040,#71717a)}.theme-preview.air{background:linear-gradient(135deg,#64748b,#94a3b8)}.theme-preview.aura{background:linear-gradient(135deg,#374151,#6b7280)}.theme-preview.bliss{background:linear-gradient(135deg,#1e40af,#60a5fa)}.theme-preview.blocks{background:linear-gradient(135deg,#0f766e,#14b8a6)}.theme-preview.bloom{background:linear-gradient(135deg,#7c3aed,#a855f7)}.customization-tabs{display:flex;border-bottom:1px solid var(--border-light);padding:0 1rem}.customization-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;border:none;background:transparent;cursor:pointer;font-weight:500;color:var(--light-text);border-bottom:2px solid transparent;transition:all .2s ease;font-size:.9rem}.customization-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.customization-content{padding:1.25rem}.customization-panel h4{margin-bottom:.5rem;color:var(--dark-text);font-size:1rem}.customization-panel p{color:var(--light-text);margin-bottom:1.25rem;font-size:.85rem}.customization-options{display:flex;flex-direction:column;gap:1.5rem;width:100%}.option-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.option-item label{font-weight:600;color:#374151;font-size:.9rem}.options-grid-small{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.option-card-small{border:2px solid #e5e7eb;border-radius:8px;padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff}.option-card-small:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.option-card-small.selected{border-color:#3b82f6;background:#f0f7ff;box-shadow:0 0 0 3px #3b82f61a}.option-preview-small{height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:6px;margin-bottom:.5rem;font-size:.8rem;color:#64748b}.option-name-small{font-size:.8rem;font-weight:600;color:#374151}.avatar-shape-preview{display:flex;justify-content:center;margin-bottom:.5rem}.shape-demo{width:40px;height:40px;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.select-input,.range-input,.color-input,.file-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#000!important;font-size:.9rem}.select-input:focus,.range-input:focus,.color-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.color-input{height:50px;padding:.25rem}.button-style-demo{height:35px;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-bottom:.5rem;font-size:.75rem;font-weight:600;transition:all .3s ease}.button-style-demo.filled{background:#3b82f6;color:#fff}.button-style-demo.outline{border:2px solid #3b82f6;color:#3b82f6;background:transparent}.button-style-demo.minimal{background:transparent;color:#3b82f6;text-decoration:underline}.background-preview-container{margin-top:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.background-preview-large{width:100%;height:120px;border-radius:6px;background-size:cover;background-position:center;margin:.5rem 0;border:2px dashed #d1d5db}.remove-background-btn{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:background .3s ease}.remove-background-btn:hover{background:#dc2626}.color-palettes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.color-palette-card{border:2px solid #e5e7eb;border-radius:8px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff}.color-palette-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.color-palette-preview{display:flex;justify-content:center;gap:4px;margin-bottom:.5rem}.color-swatch{width:25px;height:25px;border-radius:4px;border:1px solid #e5e7eb}.palette-name{font-size:.8rem;font-weight:600;color:#374151}.font-option{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem .75rem;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff;position:relative}.font-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#e5e7eb}.font-option.selected{border-color:#3b82f6;background:#f0f7ff;box-shadow:0 0 0 3px #3b82f61a}.font-preview{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#374151}.font-name{margin:0;font-size:.85rem;font-weight:600;color:#374151;text-align:center}.font-category{margin:0;font-size:.75rem;color:#6b7280;text-align:center}.customization-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;background:#f8fafc;border-radius:8px 8px 0 0;padding:.5rem;gap:.5rem}.customization-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;cursor:pointer;font-weight:500;color:#6b7280;border-radius:6px;transition:all .3s ease;flex:1;justify-content:center;font-size:.85rem}.customization-tab:hover{background:#e5e7eb;color:#374151}.customization-tab.active{background:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f64d}.tab-icon{font-size:1rem}.customization-content{padding:1.5rem;background:#fff;border-radius:0 0 8px 8px;min-height:400px;display:flex;flex-direction:column}.customization-panel{flex:1;display:flex;flex-direction:column}.loading-state{display:flex;justify-content:center;align-items:center;padding:2rem;color:#6b7280}.error-message{background:#fef2f2;color:#dc2626;padding:1rem;border-radius:8px;border:1px solid #fecaca;margin-bottom:1rem}.success-message{background:#f0fdf4;color:#16a34a;padding:1rem;border-radius:8px;border:1px solid #bbf7d0;margin-bottom:1rem}.font-section{margin-bottom:1.5rem}.font-section h3{margin-bottom:1rem;color:var(--dark-text);font-weight:600;font-size:1.1rem}.font-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem}.font-option{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.75rem;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.font-option:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.font-option.selected{border-color:var(--primary-color);background:#f8fafc}.font-preview{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.unsaved-changes{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin-top:1.5rem}.change-status{display:flex;align-items:center;gap:.6rem;font-weight:500;color:#92400e;font-size:.9rem}.status-dot{width:6px;height:6px;background:#92400e;border-radius:50%;animation:pulse 2s infinite}.change-actions{display:flex;gap:.6rem}.preview-footer-premium{text-align:center;margin-top:1rem;padding:.5rem;background:#ffffff26;border-radius:6px;font-size:.8rem}.setup-checklist-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.setup-checklist-content{background:var(--card-bg);border-radius:12px;padding:1.5rem;width:90%;max-width:450px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);position:relative;max-height:80vh;overflow-y:auto}.setup-checklist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.setup-checklist-header h2{margin:0;font-size:1.25rem;color:var(--dark-text)}.close-checklist{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--light-text);transition:color .2s ease}.checklist-progress{margin-bottom:1.25rem}.progress-text{font-size:.85rem;color:var(--light-text);margin-bottom:.5rem}.progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .3s ease}.checklist-steps{display:flex;flex-direction:column;gap:.75rem}.checklist-step{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:#f8fafc;border:1px solid var(--border-light);border-radius:8px;transition:all .2s ease}.checklist-step:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.checklist-step.completed{background:#f0fdf4;border-color:var(--success)}.checklist-step.current{background:#fffbeb;border-color:var(--warning);position:relative}.checklist-step.current:before{content:"Current Step";position:absolute;top:-8px;right:8px;background:var(--warning);color:#fff;padding:2px 6px;border-radius:8px;font-size:.65rem;font-weight:600}.step-checkbox{width:18px;height:18px;border:2px solid var(--border-light);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s ease}.step-content h4{margin:0 0 .2rem;font-size:.9rem;color:var(--dark-text);font-weight:600}.step-content p{margin:0;font-size:.8rem;color:var(--light-text);line-height:1.3}.step-actions{display:flex;gap:.4rem;margin-top:.4rem}.step-btn{padding:.3rem .6rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.checklist-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-light);text-align:center}.checklist-footer p{margin:0 0 .75rem;font-size:.85rem;color:var(--light-text)}.profile-preview.modern .preview-content{background:linear-gradient(135deg,#334155,#475569)}.profile-preview.dark .preview-content{background:linear-gradient(135deg,#1e293b,#374151)}.profile-preview.vibrant .preview-content{background:linear-gradient(135deg,#1e40af,#3730a3)}.profile-preview.classic .preview-content{background:linear-gradient(135deg,#0369a1,#0ea5e9)}.profile-preview.agate .preview-content{background:linear-gradient(135deg,#404040,#71717a)}.profile-preview.air .preview-content{background:linear-gradient(135deg,#64748b,#94a3b8)}.profile-preview.aura .preview-content{background:linear-gradient(135deg,#374151,#6b7280)}.profile-preview.bliss .preview-content{background:linear-gradient(135deg,#1e40af,#60a5fa)}.profile-preview.blocks .preview-content{background:linear-gradient(135deg,#0f766e,#14b8a6)}.profile-preview.bloom .preview-content{background:linear-gradient(135deg,#7c3aed,#a855f7)}.profile-preview.custom .preview-content{font-family:Inter,sans-serif}.profile-preview.agate .preview-content{font-family:Georgia,serif}.profile-preview.air .preview-content{font-family:Arial,sans-serif}.profile-preview.aura .preview-content{font-family:Verdana,sans-serif}.profile-preview.bliss .preview-content{font-family:Trebuchet MS,sans-serif}.profile-preview.blocks .preview-content{font-family:Courier New,monospace}.profile-preview.bloom .preview-content{font-family:Comic Sans MS,cursive}.selected-indicator{background:var(--primary-color);color:#fff;padding:.2rem .4rem;border-radius:3px;font-size:.7rem;font-weight:600;margin-top:.4rem;display:inline-block}.preview-header-left{text-align:left!important;align-items:flex-start!important}.preview-header-left .preview-avatar{margin:0 0 1rem!important}.preview-header-left .preview-username,.preview-header-left .preview-bio{text-align:left!important}.preview-header-centered{text-align:center!important;align-items:center!important}.preview-header-centered .preview-avatar{margin:0 auto 1rem!important}.preview-header-centered .preview-username,.preview-header-centered .preview-bio{text-align:center!important}.preview-header-minimal{text-align:center!important;align-items:center!important}.preview-header-minimal .preview-avatar{margin:0 auto .5rem!important}.preview-header-minimal .preview-username{font-size:1.1rem!important;font-weight:600!important;margin-bottom:.25rem!important}.preview-header-minimal .preview-bio{font-size:.8rem!important}.preview-header{display:flex;flex-direction:column;width:100%}.file-upload-container{display:flex;flex-direction:column;gap:.5rem}.file-upload-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;text-align:center;justify-content:center;border:none}.file-upload-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.upload-icon{font-size:1.1rem}.file-upload-hint{font-size:.8rem;color:var(--light-text);margin:0}.file-input{display:none}.background-preview-container{margin-top:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid var(--border-light)}.background-preview-large{width:100%;height:120px;border-radius:6px;background-size:cover;background-position:center;background-repeat:no-repeat;margin:.5rem 0;border:2px dashed #d1d5db;position:relative;overflow:hidden}.background-actions{display:flex;justify-content:center;margin-top:.75rem}.remove-background-btn{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:background .3s ease;display:flex;align-items:center;gap:.3rem}.remove-background-btn:hover{background:#dc2626;transform:translateY(-1px)}.option-description{font-size:.8rem;color:var(--light-text);margin:.25rem 0 .5rem}.profile-preview-card{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.profile-preview-card[style*=background-image] .preview-username,.profile-preview-card[style*=background-image] .preview-bio,.profile-preview-card[style*=background-image] .preview-link{text-shadow:0 1px 3px rgba(0,0,0,.7)}.profile-preview-card:before{content:"";position:absolute;inset:0;background:#0000004d;border-radius:16px;opacity:0;transition:opacity .3s ease;pointer-events:none}.profile-preview-card[style*=background-image]:before{opacity:.4}.profile-preview-card[style*=background-image] .preview-card-content{position:relative;z-index:1}.profile-preview-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 10px 25px #00000014;width:100%;max-width:320px;border:1px solid #e2e8f0;position:sticky;top:100px;transition:all .2s ease}.preview-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 4px 12px #0000001a;background:#e2e8f0;position:relative;cursor:pointer;transition:all .2s ease}.preview-avatar:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000026}.preview-avatar img{width:100%;height:100%;object-fit:cover}.placeholder-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.7rem;font-weight:500}.edit-overlay{position:absolute;inset:0;background:#0006;color:#fff;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:50%}.preview-avatar:hover .edit-overlay{opacity:1}.bio-container{width:100%;text-align:center}.preview-bio{margin:0 0 1rem;font-size:.85rem;color:#64748b;line-height:1.4;max-width:260px;cursor:text;padding:.5rem;border-radius:8px;transition:all .2s ease;word-break:break-word;overflow-wrap:break-word;width:100%}.preview-bio:hover{background:#f8fafc;color:#475569}.bio-textarea{color:#000!important;background-color:#fff!important;border:2px solid #3b82f6;border-radius:12px;padding:.75rem;font-size:.9rem;font-family:inherit;resize:none;outline:none;box-shadow:0 2px 8px #00000014;transition:all .2s ease;line-height:1.5;overflow-y:auto;word-break:break-word;overflow-wrap:break-word;width:100%;min-height:70px}.bio-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26,0 4px 12px #0000001a;transform:translateY(-1px)}.bio-textarea::placeholder{color:#94a3b8!important;font-style:italic}.profile-preview-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 10px 25px #00000014;width:100%;max-width:320px;border:1px solid #e2e8f0;position:sticky;top:100px;transition:all .3s ease}.preview-card-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#1e293b;font-size:.9rem;width:100%}.profile-preview-card.theme-agate{background:linear-gradient(135deg,#404040,#71717a)}.profile-preview-card.theme-aire{background:linear-gradient(135deg,#64748b,#94a3b8)}.profile-preview-card.theme-aura{background:linear-gradient(135deg,#374151,#6b7280)}.profile-preview-card.theme-bliss{background:linear-gradient(135deg,#1e40af,#60a5fa)}.profile-preview-card.theme-blocks{background:linear-gradient(135deg,#0f766e,#14b8a6)}.profile-preview-card.theme-bloom{background:linear-gradient(135deg,#7c3aed,#a855f7)}.profile-preview-card.theme-modern{background:linear-gradient(135deg,#334155,#475569)}.profile-preview-card.theme-dark{background:linear-gradient(135deg,#1e293b,#374151)}.profile-preview-card.theme-vibrant{background:linear-gradient(135deg,#1e40af,#3730a3)}.profile-preview-card.theme-classic{background:linear-gradient(135deg,#0369a1,#0ea5e9)}:is(.profile-preview-card[class^=theme-] .preview-username,.profile-preview-card[class^=theme-] .preview-bio,.profile-preview-card[class^=theme-] .link-title,.profile-preview-card[class^=theme-] .empty-links p,.profile-preview-card[class^=theme-] .preview-premium-badge) .profile-preview-card[class^=theme-] .preview-action-btn.improved,:is(.profile-preview-card[class^=theme-] .preview-username,.profile-preview-card[class^=theme-] .preview-bio,.profile-preview-card[class^=theme-] .link-title,.profile-preview-card[class^=theme-] .empty-links p,.profile-preview-card[class^=theme-] .preview-premium-badge) .profile-preview-card[class^=theme-] .action-text.improved{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.7)}.profile-preview-card[class^=theme-] .preview-link{color:#fff!important;background:#ffffff26!important;border:1px solid rgba(255,255,255,.2)!important}.profile-preview-card[class^=theme-] .preview-link.filled-style{background-color:#ffffff40!important;color:#fff!important;border:none!important}.profile-preview-card[class^=theme-] .link-icon{color:#fffc}.profile-preview-card[class^=theme-] .preview-avatar{border:4px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000004d}.profile-preview-card[class^=theme-] .placeholder-avatar{background:#fff3;color:#ffffffb3}.profile-preview-card[class^=theme-] .bio-textarea{color:#000!important;background-color:#fff!important}.profile-preview-card[class^=theme-] .bio-textarea:focus{box-shadow:0 0 0 3px #60a5fa4d}.preview-card-content *,.preview-link,.preview-username,.preview-bio,.bio-textarea,.preview-premium-badge,.empty-links p{font-family:inherit!important}.profile-preview-card,.preview-avatar,.preview-header,.preview-username,.preview-bio,.preview-link,.preview-premium-badge{transition:all .3s ease}.preview-header[style*=center]{text-align:center}.preview-header[style*=center] .preview-avatar{margin:0 auto 1rem}.preview-header[style*=center] .preview-username,.preview-header[style*=center] .preview-bio{text-align:center}.preview-header[style*=left]{text-align:left}.preview-header[style*=left] .preview-avatar{margin:0 0 1rem}.preview-header[style*=left] .preview-username,.preview-header[style*=left] .preview-bio{text-align:left}.preview-header[style*=center].minimal-style .preview-username{font-size:1.1rem!important;font-weight:600!important;margin-bottom:.25rem!important}.preview-header[style*=center].minimal-style .preview-bio{font-size:.8rem!important}.preview-header[style*=center].minimal-style .preview-avatar{margin:0 auto .5rem!important}.avatar-circle{border-radius:50%!important}.avatar-square{border-radius:0!important}.avatar-rounded{border-radius:12px!important}.profile-preview-card[style*="background-color: #"] .preview-username,.profile-preview-card[style*="background-color: #"] .preview-bio,.profile-preview-card[style*="background-color: #"] .preview-link,.profile-preview-card[style*="background-color: #"] .preview-premium-badge,.profile-preview-card[style*="background-image:"] .preview-username,.profile-preview-card[style*="background-image:"] .preview-bio,.profile-preview-card[style*="background-image:"] .preview-link,.profile-preview-card[style*="background-image:"] .preview-premium-badge{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.bio-actions{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.bio-save-btn,.bio-cancel-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn{background:#ffe4e4;color:#4f3e3e;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #f5576c4d}.bio-save-btn{background:#bba988;color:#fff}.bio-save-btn:hover{background:#059669;transform:translateY(-1px)}.bio-cancel-btn{background:#6b7280;color:#fff}.bio-cancel-btn:hover{background:#4b5563;transform:translateY(-1px)}.import-export-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tab-header-with-actions{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.tab-header-with-actions>div:first-child{flex:1;min-width:300px}.import-export-actions button:disabled,.import-export-actions label:disabled{opacity:.6;cursor:not-allowed}.unsaved-changes{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.change-status{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#856404}.status-dot{width:8px;height:8px;background:#ffc107;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.change-actions{display:flex;gap:.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-message{font-size:1.2rem;color:#333;margin-bottom:.5rem}.loading-submessage{font-size:.9rem;color:#666}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem;margin:1rem 0;color:#c33;text-align:center}.error-message i{margin-right:.5rem}.secondary-btn{background-color:#fff;color:var(--dark-text);border:1px solid var(--border-light);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.secondary-btn:hover{background-color:#f8fafc;transform:translateY(-1px)}.preview-actions-toolbar.improved{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:1rem;padding:.75rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);gap:.5rem}.preview-action-btn.improved{display:flex;flex-direction:column;align-items:center;background:none;border:none;color:inherit;cursor:pointer;padding:.6rem .4rem;border-radius:8px;transition:all .3s ease;font-size:.7rem;gap:.3rem;flex:1;min-width:0;min-height:50px}.preview-action-btn.improved:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.action-icon.improved{font-size:1.2rem;margin-bottom:.2rem;font-weight:700;min-height:20px;display:flex;align-items:center;justify-content:center}.action-text.improved{font-weight:500;text-align:center;line-height:1.2;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.profile-preview-card[class^=theme-] .preview-action-btn.improved{color:#fff}.profile-preview-card[class^=theme-] .preview-action-btn.improved:hover{background:#fff3}.profile-preview-card:not([class^=theme-]) .preview-actions-toolbar.improved{background:#f8fafc;border:1px solid #e2e8f0}.profile-preview-card:not([class^=theme-]) .preview-action-btn.improved{color:#475569}.profile-preview-card:not([class^=theme-]) .preview-action-btn.improved:hover{background:#e2e8f0;color:#1e293b}.preview-action-btn.improved:nth-child(1) .action-icon.improved{color:#f59e0b}.preview-action-btn.improved:nth-child(2) .action-icon.improved{color:#3b82f6}.preview-action-btn.improved:nth-child(3) .action-icon.improved{color:#10b981}.preview-action-btn.improved:nth-child(4) .action-icon.improved{color:#8b5cf6}@media (max-width: 768px){.preview-actions-toolbar.improved{padding:.6rem;gap:.3rem}.preview-action-btn.improved{padding:.5rem .3rem;min-height:45px}.action-icon.improved{font-size:1.1rem}.action-text.improved{font-size:.65rem}}@media (max-width: 480px){.action-text.improved{font-size:.6rem}}.preview-action-btn.improved{position:relative;overflow:hidden}.preview-action-btn.improved:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.preview-action-btn.improved:hover:before{left:100%}.share-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-modal{background:#fff;border-radius:16px;padding:0;width:90%;max-width:450px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.share-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e2e8f0;position:relative}.share-modal-header h3{margin:0 0 .5rem;font-size:1.25rem;color:#1e293b;font-weight:700}.share-modal-header p{margin:0;color:#64748b;font-size:.9rem;line-height:1.4}.close-modal-btn{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-modal-btn:hover{background:#f1f5f9;color:#475569}.share-options-list{padding:1rem 0}.share-option{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f8fafc}.share-option:hover{background-color:#f8fafc}.share-option:last-child{border-bottom:none}.share-platform{font-size:.95rem;color:#334155;font-weight:500}.share-checkbox{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;transition:all .2s ease;position:relative}.share-checkbox:checked{background-color:#3b82f6;border-color:#3b82f6}.share-checkbox:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.share-modal-actions{padding:1rem 1.5rem 1.5rem;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end}.share-modal-actions .secondary-btn{background:#fff;color:#475569;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.share-modal-actions .secondary-btn:hover{background:#f9fafb;border-color:#9ca3af}.share-modal-actions .primary-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.share-modal-actions .primary-btn:hover{background:#2563eb}.qr-modal{max-width:500px;background:#fff;color:#1e293b}.qr-modal .share-modal-header h3,.qr-modal .share-modal-header p,.qr-modal .qr-scan-text,.qr-modal .qr-share-section h4,.qr-modal .download-title,.qr-modal .download-description,.qr-modal .qr-share-btn,.qr-modal .secondary-btn,.qr-modal .primary-btn{color:#1e293b!important}.qr-code-display{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.qr-code-placeholder{width:200px;height:200px;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;overflow:hidden}.qr-code-image{width:160px;height:160px;background:linear-gradient(45deg,#333 25%,#555 25% 50%,#333 50% 75%,#555 75% 100%);background-size:16px 16px;border-radius:8px;position:relative}.qr-pattern{width:100%;height:100%;position:relative}.qr-corner{position:absolute;width:28px;height:28px;border:4px solid #333;border-radius:8px}.qr-corner-tl{top:10px;left:10px}.qr-corner-tr{top:10px;right:10px}.qr-corner-bl{bottom:10px;left:10px}.qr-pixels{position:absolute;inset:50px 10px 10px 50px;background:linear-gradient(90deg,transparent 50%,#333 50%),linear-gradient(180deg,transparent 50%,#333 50%);background-size:8px 8px}.qr-scan-text{font-size:.9rem;color:#64748b;text-align:center;margin:0}.qr-share-section{padding:1.5rem;border-bottom:1px solid #e2e8f0}.qr-share-section h4{margin:0 0 1rem;font-size:1rem;color:#1e293b;text-align:center}.qr-share-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.qr-share-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.85rem;color:#1e293b;font-weight:500}.qr-share-btn:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-1px)}.qr-share-actions{display:flex;gap:.75rem}.qr-share-actions .secondary-btn{flex:1;padding:.75rem;font-size:.85rem;background:#fff;color:#1e293b;border:1px solid #e2e8f0;font-weight:500}.qr-share-actions .secondary-btn:hover{background:#f8fafc;border-color:#3b82f6}.download-options-grid{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.download-option-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;width:100%;text-align:left}.download-option-btn:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;background:#f8fafc}.download-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px;flex-shrink:0}.download-info{display:flex;flex-direction:column;flex-grow:1}.download-title{font-weight:600;color:#1e293b;font-size:1rem;margin-bottom:.25rem}.download-description{font-size:.85rem;color:#64748b}.qr-modal .share-modal-actions .secondary-btn,.qr-modal .share-modal-actions .primary-btn{color:#1e293b!important;font-weight:500}.qr-modal .share-modal-actions .secondary-btn{background:#fff;border:1px solid #e2e8f0}.qr-modal .share-modal-actions .secondary-btn:hover{background:#f8fafc;border-color:#3b82f6}.qr-modal .share-modal-actions .primary-btn{background:#3b82f6;color:#fff!important;border:none}.qr-modal .share-modal-actions .primary-btn:hover{background:#2563eb}.profile-link-container{display:flex;align-items:center;gap:.75rem;background:#fff3;padding:.75rem 1.25rem;border-radius:10px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.25);box-shadow:0 4px 8px #00000026}.profile-link-container span{font-weight:600;font-size:.95rem;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.3px}.copy-link-btn{background:#ffffff4d;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.copy-link-btn:hover{background:#fff6;transform:translateY(-1px)}.user-controls .primary-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 8px #0003;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.5px;border:2px solid rgba(255,255,255,.3)}.user-controls .primary-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.user-controls{order:2;width:100%;justify-content:space-between;margin-top:.5rem}.back-button{font-size:14px;padding:.6rem 1.2rem}.user-controls span{font-size:.9rem;padding:.6rem 1rem}.profile-link-container{flex:1;min-width:0;padding:.6rem 1rem}.user-controls .primary-btn{padding:1rem 1.2rem;font-size:14px}@media (max-width: 768px){.profile-header{padding:5rem 0}.user-controls{flex-direction:column;gap:5rem}.profile-link-container,.back-button{width:100%;justify-content:center}}.copy-notification{position:fixed;top:20px;right:20px;background:#10b981;color:#fff;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideIn .3s ease,slideOut .3s ease 2s forwards;font-weight:500}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.qr-modal{margin:1rem;width:calc(100% - 2rem)}.qr-code-placeholder{width:180px;height:180px}.qr-code-image{width:140px;height:140px}.qr-share-buttons{grid-template-columns:1fr}.qr-share-actions{flex-direction:column}.download-options-grid,.download-option-btn{padding:1rem}.share-modal{margin:1rem;width:calc(100% - 2rem)}.share-modal-header{padding:1.25rem 1.25rem .75rem}.share-option{padding:.875rem 1.25rem}.share-modal-actions{padding:.75rem 1.25rem 1.25rem;flex-direction:column}.share-modal-actions .secondary-btn,.share-modal-actions .primary-btn{width:100%}.profile-link-container{flex-direction:column;gap:.25rem;padding:.5rem}.copy-link-btn{padding:.3rem .5rem;font-size:.75rem}}.download-option-btn:active,.qr-share-btn:active{transform:translateY(0)}.download-option-btn:focus,.qr-share-btn:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.download-option-btn:hover .download-icon{background:#3b82f6;color:#fff}.download-option-btn:hover .download-title{color:#3b82f6}.share-modal-overlay .qr-modal{background:#fff!important}.share-modal-overlay .qr-modal *{color:#1e293b!important}.qr-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;padding:20px;animation:fadeIn .3s ease;overflow-y:auto}.qr-modal{background:#fff;border-radius:20px;padding:2rem;text-align:center;width:400px;max-width:90vw;max-height:85vh;position:relative;box-shadow:0 25px 50px #0000004d;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);margin-top:40px;overflow-y:auto}.qr-close-btn{position:absolute;top:1rem;right:1.5rem;background:#f1f5f9;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.qr-close-btn:hover{background:#e2e8f0;color:#475569;transform:rotate(90deg)}.qr-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.qr-subtitle{color:#64748b;font-size:.95rem;margin-bottom:2rem;line-height:1.5}.qr-code-container{margin:1rem 0;padding:1rem}.qr-link{color:#334155;font-size:.85rem;margin:1.5rem 0;word-break:break-all;padding:.75rem 1rem;background:#f1f5f9;border-radius:8px;border:1px dashed #cbd5e1;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.qr-btns{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;margin-top:1.5rem}.qr-btns button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary-color, #2563eb);color:#fff;border:none;border-radius:10px;padding:.875rem 1rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:500;min-height:50px}.qr-btns button:hover{background:var(--primary-dark, #1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb4d}.qr-btns button:nth-child(1){background:linear-gradient(135deg,#059669,#10b981)}.qr-btns button:nth-child(1):hover{background:linear-gradient(135deg,#047857,#059669)}.qr-btns button:nth-child(2){background:linear-gradient(135deg,#2563eb,#3b82f6)}.qr-btns button:nth-child(2):hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.qr-btns button:nth-child(3){background:linear-gradient(135deg,#7c3aed,#8b5cf6);grid-column:span 2}.qr-btns button:nth-child(3):hover{background:linear-gradient(135deg,#6d28d9,#7c3aed)}@media (max-width: 480px){.qr-modal{padding:2rem 1.5rem;width:95vw}.qr-btns{grid-template-columns:1fr;gap:.6rem}.qr-btns button:nth-child(3){grid-column:span 1}.qr-btns button{padding:.75rem 1rem;min-height:45px;font-size:.85rem}.qr-code-container{margin:1rem 0;padding:1rem}.qr-title{font-size:1.4rem;margin-bottom:.5rem}.qr-subtitle{font-size:.9rem;margin-bottom:1.5rem;line-height:1.4}}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.qr-code-container{animation:pulseGlow 2s ease-in-out infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 #3b82f61a}to{box-shadow:0 0 20px #3b82f633}}.qr-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.025em}.qr-subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400}.qr-modal::-webkit-scrollbar{width:6px}.qr-modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.qr-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.qr-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.qr-modal-overlay{padding-top:80px;padding-left:10px;padding-right:10px}.qr-modal{padding:2rem 1.5rem;max-height:85vh}}@media (max-width: 480px){.qr-modal-overlay{padding-top:60px}.qr-modal{padding:1.5rem 1rem;max-height:90vh}.qr-btns{grid-template-columns:1fr;gap:.5rem}.qr-btns button:nth-child(3){grid-column:span 1}}@media (max-width: 992px){.main-content-wrapper{grid-template-columns:1fr;padding-top:0;padding:0 1rem}.navigation-sidebar{display:none;position:fixed;top:0;left:0;width:280px;height:100%;background:var(--card-bg);box-shadow:var(--shadow-md);z-index:1000;padding:1.5rem;border-radius:0}.navigation-sidebar.visible{display:block}.header-content,.profile-main{padding:0 1rem}.profile-content{padding-right:0}.content-with-preview{grid-template-columns:1fr}.profile-preview{position:static;margin-top:1.5rem;padding:1rem 0}}@media (max-width: 768px){.link-item{flex-wrap:wrap}.link-clicks{width:100%;text-align:left;margin-top:.5rem;padding-left:40px}.link-details{min-width:160px}.clicks-count{display:inline;margin-right:5px}.design-layout.content-with-preview{grid-template-columns:1fr}.customization-tab{flex:1;min-width:110px;justify-content:center}.unsaved-changes{flex-direction:column;gap:.75rem;text-align:center}.change-actions{width:100%;justify-content:center}.setup-checklist-content{margin:1rem;padding:1.25rem;width:calc(100% - 2rem)}.checklist-step{flex-direction:column;gap:.6rem}.step-actions{align-self:flex-end}.theme-tab-content{padding:1rem}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.options-grid-small{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.color-palettes-grid{grid-template-columns:1fr}.customization-tabs{flex-wrap:wrap}.customization-tab{flex:1 0 45%;margin-bottom:.5rem}.customization-content{padding:1rem}.profile-preview-card{position:static;margin-top:1.5rem;max-width:100%}.preview-header[style*=center].minimal-style .preview-username{font-size:1rem!important}.preview-header[style*=center].minimal-style .preview-bio{font-size:.75rem!important}.preview-link{font-size:.8rem!important;padding:.6rem .8rem!important}.tab-header-with-actions{flex-direction:column}.import-export-actions{width:100%;justify-content:stretch}.import-export-actions button,.import-export-actions label{flex:1;text-align:center}.unsaved-changes{flex-direction:column;align-items:stretch;text-align:center}.change-actions{justify-content:center}}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.preview-link:hover{background:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.preview-link.truncate .link-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customization-preview-updating{animation:pulse .5s ease-in-out}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.settings-section{width:100%}.settings-header{margin-bottom:2rem}.settings-header h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--dark-text)}.settings-header p{color:var(--light-text);margin:0}.settings-tabs{display:flex;background:#f8fafc;border-radius:8px;padding:4px;margin-bottom:2rem;width:fit-content}.settings-tab{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;color:var(--light-text);font-size:.9rem}.settings-tab.active{background:#fff;color:var(--primary-color);box-shadow:var(--shadow-sm)}.settings-content{background:#fff;border-radius:8px;border:1px solid var(--border-light);padding:2rem}.settings-category{margin-bottom:2.5rem}.settings-category:last-child{margin-bottom:0}.settings-category h3{margin-bottom:1.25rem;color:var(--dark-text);font-size:1.1rem;font-weight:600}.settings-options{display:flex;flex-direction:column;gap:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem;background:#f8fafc;border-radius:8px;border:1px solid var(--border-light)}.setting-info{flex:1}.setting-label{display:block;font-weight:600;color:var(--dark-text);margin-bottom:.25rem;font-size:.95rem}.setting-desc{display:block;color:var(--light-text);font-size:.85rem;line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(26px)}.setting-select{padding:.5rem .75rem;border:1px solid var(--border-light);border-radius:6px;background:#fff;color:var(--dark-text);font-size:.9rem;min-width:150px}.setting-select:focus{outline:none;border-color:var(--primary-color)}.privacy-action-btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.privacy-action-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.delete-account-btn{background:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;margin-top:1rem}.delete-account-btn:hover{background:#dc2626;transform:translateY(-1px)}.account-deletion{text-align:center;padding:1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.account-deletion p{margin:0 0 1rem;color:#7f1d1d;font-size:.9rem}.settings-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light)}@media (max-width: 768px){.settings-tabs{width:100%}.settings-tab{flex:1;text-align:center}.settings-content{padding:1.5rem}.setting-item{flex-direction:column;gap:1rem}.settings-actions{flex-direction:column}.settings-actions button{width:100%}}.qr-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;padding-top:80px;animation:fadeIn .3s ease}.qr-modal{background:#fff;border-radius:16px;padding:2rem;text-align:center;width:340px;max-width:90%;position:relative;box-shadow:0 10px 30px #00000040;animation:slideUp .35s ease}.qr-close-btn{position:absolute;top:10px;right:12px;background:transparent;border:none;color:#555;font-size:1.5rem;font-weight:700;cursor:pointer;transition:color .2s ease}.qr-close-btn:hover{color:#111}.qr-title{font-size:1.4rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.qr-subtitle{color:#64748b;font-size:.9rem;margin-bottom:1.5rem}.qr-code-container{display:flex;justify-content:center;margin-bottom:1rem}.qr-link{color:#334155;font-size:.8rem;margin-bottom:1rem;word-break:break-all}.qr-btns{display:flex;flex-direction:column;gap:.5rem}.qr-btns button{background:var(--primary-color, #2563eb);color:#fff;border:none;border-radius:8px;padding:.6rem;font-size:.9rem;cursor:pointer;transition:all .2s ease}.qr-btns button:hover{background:var(--primary-dark, #1d4ed8);transform:translateY(-1px)}.link-edit-modal input,.link-edit-modal textarea,.link-edit-modal .description-input{color:#1e293b!important;background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:.75rem 1rem!important;font-size:.95rem!important;width:100%!important;box-sizing:border-box!important;transition:border-color .2s ease!important}.link-edit-modal input::placeholder,.link-edit-modal textarea::placeholder{color:#94a3b8!important;opacity:1}.link-edit-modal input:focus,.link-edit-modal textarea:focus{outline:none!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #2563eb1a!important}.link-edit-modal .field-group,.link-edit-modal .input-group{margin-bottom:1rem}.link-edit-modal label{display:block;margin-bottom:.5rem;font-weight:600;color:#1e293b!important;font-size:.9rem}.qr-btns{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:1rem}.qr-btns button{background:var(--primary-color, #2563eb);color:#fff;border:none;border-radius:8px;padding:.75rem;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-weight:500;width:100%}.qr-btns button:hover{background:var(--primary-dark, #1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.qr-btns button:active{transform:translateY(0)}@media (max-width: 768px){.qr-btns{gap:.5rem}.qr-btns button{padding:.6rem;font-size:.85rem}}.share-qr-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem}.share-qr-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-qr-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0}.share-qr-header h3{margin:0;flex:1;font-size:1.5rem;font-weight:700}.close-share-modal{background:#fff3;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.close-share-modal:hover{background:#ffffff4d}.share-qr-content{padding:1.5rem}.share-qr-preview-section{margin-bottom:2rem}.qr-visual-container{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.qr-code-display{flex-shrink:0;padding:.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.qr-info{flex:1}.qr-info h4{margin:0 0 .5rem;color:#1e293b;font-size:1.1rem;font-weight:600}.qr-profile-link{color:#64748b;font-size:.9rem;word-break:break-all;margin:0 0 1rem;background:#fff;padding:.5rem;border-radius:6px;border:1px solid #e2e8f0}.copy-link-btn-small{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .2s ease}.copy-link-btn-small:hover{background:#2563eb}.share-options-section{margin-bottom:2rem}.share-options-section h4{margin:0 0 .5rem;color:#1e293b;font-size:1.1rem;font-weight:600}.share-instruction{color:#64748b;font-size:.9rem;margin:0 0 1.5rem;line-height:1.5}.share-qr-options-grid{display:grid;grid-template-columns:1fr;gap:1rem}.share-option-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.share-option-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px #0000001a}.whatsapp-option:hover{border-color:#25d366;background:#f0fdf4}.facebook-option:hover{border-color:#1877f2;background:#eff6ff}.option-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:10px;flex-shrink:0}.option-content{flex:1}.option-title{display:block;font-weight:600;color:#1e293b;margin-bottom:.25rem;font-size:1rem}.option-desc{display:block;color:#64748b;font-size:.85rem}.download-options-section h4{margin:0 0 1rem;color:#1e293b;font-size:1.1rem;font-weight:600}.download-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.download-option-btn{padding:1rem;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:500;color:#475569}.download-option-btn:hover{border-color:#3b82f6;background:#eff6ff;color:#1e40af}.share-qr-footer{padding:1rem 1.5rem;border-top:1px solid #f1f5f9;text-align:center;background:#f8fafc;border-radius:0 0 16px 16px}.share-qr-footer p{margin:0;color:#64748b;font-size:.9rem;font-style:italic}@media (max-width: 640px){.share-qr-modal{margin:.5rem;max-height:95vh}.qr-visual-container{flex-direction:column;text-align:center;gap:1rem}.download-options{grid-template-columns:1fr}.share-option-card{padding:1rem}.option-icon{width:40px;height:40px;font-size:1.5rem}}.qr-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.qr-btns button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;color:#374151}.qr-btns button:hover{background:#f9fafb;border-color:#3b82f6;color:#1e40af;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.profile-header{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0);opacity:1}.profile-header.hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.qr-modal-overlay,.share-qr-modal-overlay{z-index:2000;background:#000c}.qr-modal,.share-qr-modal{margin-top:0;max-height:95vh}.qr-modal-overlay .qr-modal,.share-qr-modal-overlay .share-qr-modal{margin-top:20px}.change-password-container{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.change-password-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.change-password-header h4{margin:0;color:#212529;font-size:18px}.close-btn{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{background:#f8f9fa;color:#212529}.password-form{display:flex;flex-direction:column;gap:16px}.password-form .form-group{display:flex;flex-direction:column}.password-form label{font-size:14px;font-weight:500;color:#495057;margin-bottom:6px}.password-form .required{color:#dc3545;margin-left:4px}.password-form input{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:border-color .2s}.password-form input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.password-form input.error{border-color:#dc3545}.password-form input.error:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.error-message{color:#dc3545;font-size:12px;margin-top:4px}.form-help{color:#6c757d;font-size:12px;margin-top:4px}.form-actions{display:flex;gap:12px;margin-top:20px}.form-actions .secondary-btn,.form-actions .primary-btn{flex:1;padding:10px 20px}.password-message{padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.password-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.password-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.change-password-container{padding:16px}.form-actions{flex-direction:column}}.share-platform{display:flex;align-items:center;gap:10px;padding:12px;width:100%}.platform-icon{font-size:1.5rem}.whatsapp-option{color:#25d366}.facebook-option{color:#1877f2}.share-option{border:1px solid #eee;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .2s}.share-option:hover{background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.share-checkbox{display:none}.share-modal-header p{color:#666;margin-bottom:20px}.share-modal-actions{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.profile-preview-card[class^=theme-],.profile-preview-card[class^=theme-] *:not(input):not(textarea):not(.bio-textarea){color:#fff!important}.profile-preview-card[class^=theme-] .preview-card-content{color:#fff!important}.profile-preview-card[class^=theme-] .preview-link,.profile-preview-card[class^=theme-] .preview-link .link-title,.profile-preview-card[class^=theme-] .preview-link .link-icon{color:#fff!important;background:#ffffff26!important;border:1px solid rgba(255,255,255,.2)!important}.profile-preview-card[class^=theme-] .preview-bio{color:#fff!important}.profile-preview-card[class^=theme-] .empty-links p{color:#fffc!important}.profile-preview-card[class^=theme-] .preview-action-btn.improved .action-icon.improved{color:inherit!important}.profile-preview-card[class^=theme-] .bio-textarea,.profile-preview-card[class^=theme-] input,.profile-preview-card[class^=theme-] textarea{color:#000!important;background-color:#fff!important}.profile-preview-card[class^=theme-] .bio-textarea::placeholder{color:#94a3b8!important}.link-edit-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.link-edit-modal-content{background:var(--card-bg);border-radius:20px;padding:2rem;width:90%;max-width:500px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);position:relative;max-height:90vh;overflow-y:auto}.link-edit-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light)}.link-edit-modal-header h2{margin:0;font-size:1.5rem;background:linear-gradient(135deg,var(--dark-text) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--light-text);transition:color .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-modal:hover{background:var(--border-light);color:var(--primary-color)}.link-edit-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--dark-text);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border-light);border-radius:8px;background:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f5576c1a}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.icon-selector{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-top:.5rem}.icon-option{display:flex;align-items:center;justify-content:center;padding:.75rem;border:2px solid var(--border-light);border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.icon-option:hover{transform:scale(1.1);border-color:var(--primary-color)}.icon-option.selected{border-color:var(--primary-color);background:#f5576c1a;transform:scale(1.1)}.link-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;margin:1rem 0}.link-preview h4{margin:0 0 .5rem;color:var(--dark-text);font-size:1rem}.preview-link-item{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:1rem;margin-top:.5rem}.preview-link-icon{font-size:1.5rem;width:30px;text-align:center}.preview-link-details{flex-grow:1}.preview-link-details h5{margin:0 0 .25rem;color:var(--dark-text);font-size:.9rem}.preview-link-details p{margin:0;font-size:.8rem;color:var(--light-text)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.delete-btn{background:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-right:auto}.delete-btn:hover{background:#dc2626;transform:translateY(-2px)}.cancel-btn{background:#fff;color:var(--dark-text);border:1px solid var(--border-light);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.cancel-btn:hover{background:#f8fafc;transform:translateY(-2px)}.save-btn{background:#f8fafc;color:#130c0cce;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #f5576c4d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5576c66}.save-btn:disabled{background:var(--light-text);cursor:not-allowed;transform:none;box-shadow:none}.link-actions{display:flex;gap:.5rem}.edit-link-btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.edit-link-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.delete-link-btn{background:#ef4444;color:#fff;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.delete-link-btn:hover{background:#dc2626;transform:translateY(-2px)}.form-group.error input,.form-group.error select{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;font-size:.8rem;margin-top:.25rem}@media (max-width: 768px){.link-edit-modal-content{margin:1rem;padding:1.5rem;width:calc(100% - 2rem)}.icon-selector{grid-template-columns:repeat(4,1fr)}.modal-actions{flex-direction:column}.delete-btn{margin-right:0;order:3}.cancel-btn,.save-btn{width:100%}}.setup-checklist-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.setup-checklist-content{background:var(--card-bg);border-radius:20px;padding:2rem;width:90%;max-width:500px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);position:relative;max-height:80vh;overflow-y:auto}.setup-checklist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light)}.setup-checklist-header h2{margin:0;font-size:1.5rem;background:linear-gradient(135deg,var(--dark-text) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-checklist{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--light-text);transition:color .3s ease}.close-checklist:hover{color:var(--primary-color)}.checklist-progress{margin-bottom:1.5rem}.progress-text{font-size:.9rem;color:var(--light-text);margin-bottom:.5rem}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:10px;transition:width .5s ease}.checklist-steps{display:flex;flex-direction:column;gap:1rem}.checklist-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--border-light);border-radius:12px;transition:all .3s ease}.checklist-step:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.checklist-step.completed{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:var(--success)}.checklist-step.current{background:linear-gradient(135deg,#fef7ed,#ffedd5);border-color:var(--warning);position:relative}.checklist-step.current:before{content:"Current Step";position:absolute;top:-10px;right:10px;background:var(--warning);color:#fff;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600}.step-checkbox{width:20px;height:20px;border:2px solid var(--border-light);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .3s ease}.checklist-step.completed .step-checkbox{background:var(--success);border-color:var(--success);color:#fff}.step-content{flex-grow:1}.step-content h4{margin:0 0 .25rem;font-size:1rem;color:var(--dark-text);font-weight:600}.step-content p{margin:0;font-size:.85rem;color:var(--light-text);line-height:1.4}.step-actions{display:flex;gap:.5rem;margin-top:.5rem}.step-btn{padding:.4rem .8rem;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.step-btn.primary{background:var(--gradient-primary);color:#fff}.step-btn.secondary{background:#fff;border:1px solid var(--border-light);color:var(--dark-text)}.step-btn:hover{transform:translateY(-1px)}.checklist-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-light);text-align:center}.checklist-footer p{margin:0 0 1rem;font-size:.9rem;color:var(--light-text)}@media (max-width: 768px){.setup-checklist-content{margin:1rem;padding:1.5rem;width:calc(100% - 2rem)}.checklist-step{flex-direction:column;gap:.75rem}.step-actions{align-self:flex-end}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #ff620080}50%{box-shadow:0 0 20px #ff6200cc}}.ayuda-container{font-family:Arial,sans-serif;color:#333;background-color:#f9fafb;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#ff6200,#ff8c42,#ff9c62);z-index:9999;transition:width .3s ease}.floating-element{position:fixed;background:#ff62001a;border-radius:50%;animation:float 6s ease-in-out infinite;pointer-events:none;z-index:-1;opacity:.6}.floating-element:nth-child(odd){background:#ff8c4226;animation-duration:8s;animation-delay:1s}.ayuda-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background:linear-gradient(135deg,#fff,#fff9f5);box-shadow:0 4px 20px #00000014;position:sticky;top:0;z-index:1000;animation:slideInRight .8s ease-out}.ayuda-header .logo{display:flex;align-items:center;transition:transform .3s cubic-bezier(.22,.61,.36,1);position:relative;cursor:pointer}.ayuda-header .logo:hover{transform:scale(1.05)}.ayuda-header .logo:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#ff6200,#ff8c42);transition:width .6s cubic-bezier(.22,.61,.36,1);border-radius:1px}.ayuda-header .logo:hover:after{width:100%}.ayuda-header .logo-icon{font-size:1.75rem;color:#ff6200;margin-right:.75rem;animation:wave 3s ease-in-out infinite}.ayuda-header .logo-text .logo-main{font-size:1.5rem;font-weight:700;color:#333;background:linear-gradient(90deg,#ff6200,#ff8c42);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ayuda-header nav ul{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.ayuda-header nav ul li a{text-decoration:none;color:#333;font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:all .4s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden;display:flex;align-items:center;gap:8px}.ayuda-header nav ul li a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.ayuda-header nav ul li a:hover:before{left:100%}.ayuda-header nav ul li a:hover{background:linear-gradient(135deg,#ff6200,#ff8c42);color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #ff62004d}.ayuda-header nav ul li a.active{color:#ff6200;font-weight:600;background:#ff62001a}.ayuda-header nav ul li a.active:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:30px;height:2px;background:#ff6200;border-radius:1px;animation:pulse 2s infinite}.ayuda-main-content{max-width:900px;margin:3rem auto;padding:0 1.5rem;flex:1;animation:fadeInUp .8s ease-out .2s both}.main-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:1rem;text-align:center;position:relative;display:inline-block;background:linear-gradient(90deg,#ff6200,#ff8c42,#ff6200);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite}.main-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,#ff6200,#ff8c42);border-radius:2px}.main-subtitle{font-size:1.25rem;line-height:1.8;color:#666;margin-bottom:2.5rem;text-align:center;animation:fadeInUp .8s ease-out .4s both}.faq-section{margin-bottom:4rem;animation:fadeInUp .8s ease-out .6s both}.section-title{font-size:2rem;font-weight:600;color:#333;margin-bottom:1.5rem;display:flex;align-items:center;gap:10px}.section-title i{animation:pulse 2s infinite}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 15px #00000014;overflow:hidden;transition:all .5s cubic-bezier(.22,.61,.36,1);position:relative;border-left:3px solid transparent}.faq-item:hover{transform:translate(10px);border-left:3px solid #ff6200;box-shadow:0 10px 30px #ff620026}.faq-item.active{transform:translate(10px);border-left:3px solid #ff6200;box-shadow:0 15px 35px #ff620033;animation:glow 2s infinite}.faq-item.active .faq-answer{max-height:500px;padding:1.5rem}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:1.25rem;font-weight:500;color:#000;cursor:pointer;transition:background-color .3s;background:linear-gradient(to right,transparent,rgba(7,7,7,.05))}.faq-question:hover{background-color:#f5f5f5}.faq-question .faq-icon{font-size:1rem;color:#ff6200;transition:transform .5s cubic-bezier(.68,-.55,.27,1.55)}.faq-item.active .faq-icon{transform:rotate(180deg) scale(1.2)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.22,.61,.36,1),padding .5s cubic-bezier(.22,.61,.36,1);background:linear-gradient(to bottom,#fff,#fffaf7)}.faq-answer p{font-size:1rem;color:#000;line-height:1.6;position:relative;padding-left:20px}.faq-answer p:before{content:"→";position:absolute;left:0;color:#ff6200;animation:pulse 2s infinite}.contact-section{margin-bottom:4rem;animation:fadeInUp .8s ease-out .8s both}.section-subtitle{font-size:1.125rem;color:#666;line-height:1.6;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 10px 30px #0000001a}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;color:#555;font-weight:500;display:flex;align-items:center;gap:8px}.form-input,.form-textarea{padding:.875rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:.5rem;background-color:#fff;transition:all .4s cubic-bezier(.22,.61,.36,1);font-family:inherit;color:#333}.form-input:focus,.form-textarea:focus{outline:none;border-color:#ff6200;box-shadow:0 0 0 4px #000000e7;transform:translateY(-2px);color:#000}.form-input:hover,.form-textarea:hover{border-color:#ff8c42}.form-textarea{min-height:140px;resize:vertical;line-height:1.5}.btn-submit{background:linear-gradient(135deg,#ff6200,#ff8c42);color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .4s cubic-bezier(.22,.61,.36,1);align-self:flex-start;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;min-width:180px}.btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.btn-submit:hover:before{left:100%}.btn-submit:hover{background:linear-gradient(135deg,#e55a00,#ff7c32);transform:translateY(-4px) scale(1.05);box-shadow:0 15px 30px #ff620066}.btn-submit:active{transform:translateY(-1px) scale(1.02)}.contact-details{background:linear-gradient(135deg,#fff7f2,#ffece0);padding:2rem;border-radius:1rem;margin-top:2rem;border-left:4px solid #ff6200}.contact-details p{font-size:1rem;color:#666;margin-bottom:1rem;position:relative;padding-left:30px;transition:all .3s ease}.contact-details p:hover{transform:translate(10px);color:#333}.contact-details p:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#ff6200;border-radius:50%;animation:pulse 2s infinite}.contact-details a{color:#ff6200;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.contact-details a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#ff6200;transition:width .3s ease}.contact-details a:hover{color:#e55a00}.contact-details a:hover:after{width:100%}.quick-tips{margin-top:4rem;padding:2rem;background:linear-gradient(135deg,#fff7f2,#ffece0);border-radius:1rem;border-left:4px solid #ff6200;animation:fadeInUp 1s ease-out both}.quick-tips h3{color:#333;margin-bottom:1rem;display:flex;align-items:center;gap:10px}.tip-button{margin-top:1rem;background:transparent;border:2px solid #ff6200;color:#ff6200;padding:.625rem 1.25rem;border-radius:.5rem;cursor:pointer;transition:all .4s cubic-bezier(.22,.61,.36,1);font-weight:600;display:inline-flex;align-items:center;gap:8px}.tip-button:hover{background:#ff6200;color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #ff62004d}.tip-button:active{transform:translateY(-1px)}.ayuda-footer{background:linear-gradient(135deg,#222,#333);color:#fff;padding:2rem 3rem;margin-top:auto;position:relative;overflow:hidden}.ayuda-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ff6200,#ff8c42,#ff6200);background-size:200% auto;animation:shimmer 3s linear infinite}.footer-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;position:relative;z-index:1}.footer-brand .footer-logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;animation:wave 3s ease-in-out infinite}.footer-brand .footer-logo i{margin-right:.75rem;color:#ff6200}.footer-brand p{font-size:.875rem;color:#ccc;margin-bottom:.25rem}.footer-social{display:flex;gap:1rem}.footer-social a{color:#fff;font-size:1.25rem;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;transition:all .4s cubic-bezier(.22,.61,.36,1);text-decoration:none}.footer-social a:hover{background:#ff6200;color:#fff;transform:translateY(-4px);box-shadow:0 8px 20px #ff620066}.footer-social a:nth-child(2):hover{transform:translateY(-4px) rotate(-5deg)}.footer-social a:nth-child(3):hover{transform:translateY(-4px) rotate(10deg)}.footer-social a:nth-child(4):hover{transform:translateY(-4px) scale(1.1)}.footer-social a:nth-child(5):hover{transform:translateY(-4px) rotate(-10deg)}.footer-heart{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.9em;color:#aaa}.footer-heart i{color:#ff6200;margin:0 5px;animation:pulse 1.5s infinite}html{scroll-behavior:smooth}.content-loading{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards}@media (max-width: 768px){.ayuda-header{flex-direction:column;gap:1rem;padding:1rem 1.5rem}.ayuda-header nav ul{flex-direction:column;align-items:center;width:100%}.ayuda-header nav ul li{width:100%;text-align:center}.ayuda-header nav ul li a{width:100%;justify-content:center}.ayuda-main-content{margin:2rem auto;padding:0 1rem}.main-title{font-size:2rem}.main-title:after{width:80px}.section-title{font-size:1.75rem}.contact-form{padding:1.5rem}.btn-submit{align-self:stretch;width:100%}.footer-container{flex-direction:column;gap:1.5rem;text-align:center}.footer-social{margin-top:.5rem;flex-wrap:wrap;justify-content:center}.faq-item:hover{transform:translate(5px)}.footer-social a:hover{transform:translateY(-2px) scale(1.1)}}@media (max-width: 480px){.main-title{font-size:1.75rem}.section-title{font-size:1.5rem}.faq-question{font-size:1.125rem;padding:1rem}.faq-answer p{font-size:.875rem}.ayuda-footer{padding:1.5rem 1rem}.contact-details p{padding-left:25px;font-size:.9rem}.floating-element{display:none}}@media (prefers-color-scheme: dark){.ayuda-container{background-color:#121212;color:#e0e0e0}.ayuda-header{background:linear-gradient(135deg,#1e1e1e,#2a2a2a)}.ayuda-header .logo-text .logo-main{color:#fff}.ayuda-header nav ul li a{color:#e0e0e0}.ayuda-header nav ul li a:hover{color:#fff}.faq-item,.contact-form,.quick-tips{background-color:#1e1e1e;border-color:#333}.form-input,.form-textarea{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}.contact-details{background:linear-gradient(135deg,#2a1e1e,#322)}.main-title,.section-title,.faq-question,.contact-details p:hover{color:#fff}.main-subtitle,.section-subtitle,.faq-answer p,.contact-details p{color:#aaa}}@media print{.ayuda-header,.ayuda-footer,.btn-submit,.footer-social,.floating-element,.scroll-progress{display:none}.ayuda-container{background:#fff;color:#000}.faq-item{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}.faq-item.active .faq-answer{max-height:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a:focus,button:focus,input:focus,textarea:focus{outline:3px solid #ff6200;outline-offset:2px}@media (prefers-contrast: high){.ayuda-container{background:#fff;color:#000}.ayuda-header{background:#fff;border-bottom:3px solid black}.btn-submit{background:#000;color:#fff;border:2px solid black}.faq-item{border:2px solid black}}:root{--primary-gradient: linear-gradient(135deg, #7C3AED 0%, #8B5CF6 100%);--primary-gradient-hover: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 100%);--secondary-gradient: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);--accent-color: #8B5CF6;--accent-light: #A78BFA;--accent-dark: #7C3AED;--background-light: #F8FAFC;--background-white: #FFFFFF;--text-primary: #1F2937;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border-light: #E5E7EB;--error-color: #EF4444;--error-light: #FEE2E2;--success-color: #10B981;--success-light: #D1FAE5;--warning-color: #F59E0B;--warning-light: #FEF3C7;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}.full-width-forgot-password{display:flex;min-height:100vh;width:100%;background:linear-gradient(135deg,#667eea20,#764ba220);position:relative;overflow:hidden}.full-width-forgot-password:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0%,transparent 50%);z-index:1}.forgot-password-background-section{flex:1;position:relative;background:linear-gradient(135deg,#ffa959,#e4ad93);display:flex;align-items:center;justify-content:center;padding:2rem;min-height:100vh}.forgot-password-background-section:before{content:"";position:absolute;inset:0;background:url(https://images.unsplash.com/photo-1556761175-b413da4baf72?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1374&q=80);background-size:cover;background-position:center;opacity:.15;animation:floatBackground 60s ease-in-out infinite}@keyframes floatBackground{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-10px)}}.background-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:500px;padding:2rem}.background-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:fadeInUp .8s ease-out}.background-content p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.9;animation:fadeInUp .8s ease-out .2s both}.background-features{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;animation:fadeInUp .8s ease-out .4s both}.feature-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:var(--transition)}.feature-item:hover{background:#ffffff26;transform:translate(10px)}.feature-icon{font-size:1.5rem;min-width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-text{font-size:.95rem;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.forgot-password-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:2;background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:hidden}.floating-elements{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#8b5cf60d,#f59e0b0d);border:1px solid rgba(139,92,246,.1)}.floating-circle.circle-1{width:120px;height:120px;top:15%;left:15%;animation:floatCircle 25s ease-in-out infinite}.floating-circle.circle-2{width:80px;height:80px;bottom:25%;right:15%;animation:floatCircle 30s ease-in-out infinite reverse}.floating-circle.circle-3{width:60px;height:60px;top:65%;left:20%;animation:floatCircle 20s ease-in-out infinite 5s}.floating-circle.circle-4{width:100px;height:100px;bottom:15%;left:10%;animation:floatCircle 35s ease-in-out infinite 10s}.floating-circle.circle-5{width:70px;height:70px;top:25%;right:20%;animation:floatCircle 28s ease-in-out infinite 15s}@keyframes floatCircle{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(15px,-15px) rotate(90deg)}50%{transform:translate(-10px,10px) rotate(180deg)}75%{transform:translate(5px,-5px) rotate(270deg)}}.forgot-password-form-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(139,92,246,.08) 50%,transparent 50%),radial-gradient(1px 1px at 40% 70%,rgba(245,158,11,.08) 50%,transparent 50%),radial-gradient(2px 2px at 60% 20%,rgba(139,92,246,.05) 50%,transparent 50%),radial-gradient(1px 1px at 80% 50%,rgba(245,158,11,.08) 50%,transparent 50%),radial-gradient(2px 2px at 30% 80%,rgba(139,92,246,.05) 50%,transparent 50%);background-size:300px 300px;animation:particleMove 40s linear infinite;z-index:1}@keyframes particleMove{0%{background-position:0% 0%}to{background-position:300px 300px}}.forgot-password-form-section:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 85%,rgba(139,92,246,.03) 0%,transparent 50%),radial-gradient(circle at 85% 15%,rgba(245,158,11,.03) 0%,transparent 50%);animation:wavePulse 20s ease-in-out infinite alternate;z-index:1}@keyframes wavePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.form-container{width:100%;max-width:440px;background:var(--background-white);padding:3rem;border-radius:24px;box-shadow:var(--shadow-xl);animation:slideInForm .8s cubic-bezier(.4,0,.2,1) .3s both;position:relative;z-index:2;border:1px solid var(--border-light)}.form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite;border-radius:24px 24px 0 0}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.form-container:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.03) 0%,transparent 70%);animation:gentleGlow 6s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes gentleGlow{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.5}}@keyframes slideInForm{0%{opacity:0;transform:translate(20px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.form-header{text-align:center;margin-bottom:2.5rem;animation:fadeIn .6s ease-out .5s both}.form-header h1{color:var(--text-primary);font-size:2rem;margin-bottom:.75rem;font-weight:700;background:linear-gradient(135deg,#7c3aed,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em}.form-header p{color:var(--text-secondary);font-size:1rem;line-height:1.5;max-width:320px;margin:0 auto}.form-group{margin-bottom:2rem;animation:fadeInUp .6s ease-out .7s both}.form-group label{display:block;margin-bottom:.75rem;color:var(--text-primary);font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.form-group label i{color:var(--accent-color);font-size:.9rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper i{position:absolute;left:1rem;color:var(--accent-color);font-size:1.1rem;z-index:2;transition:var(--transition)}.form-group input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid var(--border-light);border-radius:12px;font-size:1rem;transition:var(--transition);box-sizing:border-box;background:var(--background-light);color:var(--text-primary);font-family:inherit;font-weight:500}.form-group input:focus{outline:none;border-color:var(--accent-color);background:#fff;box-shadow:0 0 0 4px #8b5cf626;transform:translateY(-2px)}.form-group input.error{border-color:var(--error-color);animation:gentleShake .5s ease-in-out}@keyframes gentleShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.form-group input::placeholder{color:var(--text-muted);font-weight:400}.error-text{display:flex;align-items:center;color:var(--error-color);font-size:.85rem;margin-top:.75rem;animation:fadeIn .3s ease;gap:.5rem;font-weight:500}.error-text i{font-size:.9rem}.error-message{background:linear-gradient(135deg,#ef444414,#ef44440a);border:1px solid rgba(239,68,68,.2);color:var(--error-color);padding:1rem 1.25rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;font-size:.95rem;animation:slideInError .5s cubic-bezier(.4,0,.2,1);gap:.75rem;font-weight:500}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-message i{font-size:1.1rem;min-width:24px}.submit-btn{width:100%;padding:1rem 2rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out .9s both;letter-spacing:.5px}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease}.submit-btn:hover:not(:disabled){background:var(--primary-gradient-hover);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn i{font-size:1.1rem;transition:transform .3s ease}.submit-btn:hover:not(:disabled) i{transform:translate(3px)}.submit-btn .fa-spinner{animation:spin 1s linear infinite}.back-to-login-section{margin-top:2rem;text-align:center;padding-top:2rem;border-top:1px solid rgba(0,0,0,.08);animation:fadeIn .6s ease-out 1.1s both}.back-to-login-link{color:var(--accent-color);text-decoration:none;font-size:.95rem;display:inline-flex;align-items:center;gap:.75rem;transition:var(--transition);padding:.75rem 1.5rem;border-radius:10px;background:#8b5cf614;font-weight:500;position:relative;overflow:hidden}.back-to-login-link:hover{color:var(--accent-dark);background:#8b5cf61f;transform:translate(-5px);box-shadow:0 4px 15px #8b5cf61a}.back-to-login-link i{transition:transform .3s ease}.back-to-login-link:hover i{transform:translate(-3px)}.success-container{text-align:center;padding:1.5rem 0;animation:successAppear .6s cubic-bezier(.4,0,.2,1)}@keyframes successAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-icon{font-size:4.5rem;color:transparent;background:var(--success-gradient);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;display:inline-block;position:relative}.success-icon:after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(39,174,96,.3);animation:pulseRing 2s cubic-bezier(.4,0,.2,1) infinite}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.success-container h3{color:var(--text-primary);margin-bottom:1rem;font-weight:700;font-size:1.8rem;background:var(--success-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-container p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;font-size:1.05rem;max-width:360px;margin-left:auto;margin-right:auto}.success-container strong{color:var(--accent-color);font-weight:600}.success-actions{margin-top:2rem}.back-to-login-btn{display:inline-flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;font-weight:600;transition:var(--transition);padding:1rem 2rem;border-radius:12px;background:var(--primary-gradient);position:relative;overflow:hidden;font-size:1rem}.back-to-login-btn:hover{background:var(--primary-gradient-hover);transform:translate(-5px);box-shadow:var(--shadow-lg)}.back-to-login-btn i{transition:transform .3s ease}.back-to-login-btn:hover i{transform:translate(-3px)}@media (max-width: 1024px){.forgot-password-background-section,.background-content{padding:1.5rem}.background-content h2{font-size:2rem}}@media (max-width: 768px){.full-width-forgot-password{flex-direction:column}.forgot-password-background-section{min-height:300px;padding:2rem 1.5rem;order:2}.background-content h2{font-size:1.8rem;margin-bottom:1rem}.background-content p{font-size:1rem;margin-bottom:1.5rem}.background-features{margin-top:1.5rem}.feature-item{padding:.75rem}.forgot-password-form-section{padding:1.5rem;order:1;min-height:auto}.form-container{padding:2.5rem 2rem;margin-top:-50px;z-index:3}.floating-elements{display:none}.forgot-password-form-section:before,.forgot-password-form-section:after{animation-duration:60s}.form-header h1{font-size:1.7rem}.success-icon{font-size:3.5rem}.success-container h3{font-size:1.6rem}}@media (max-width: 480px){.form-container{padding:2rem 1.5rem}.form-header h1{font-size:1.5rem}.form-header p{font-size:.95rem}.submit-btn,.back-to-login-btn{padding:.9rem 1.5rem}.background-content{padding:1rem}.background-content h2{font-size:1.5rem}}.header-subtitle{font-size:.9rem;color:#fff;margin-top:.25rem;font-weight:400}.admin-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#805ad5,#6b46c1);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:500}.admin-icon{font-size:1.2rem}.header-actions{display:flex;gap:10px;align-items:center}.action-btn.secondary{background:linear-gradient(135deg,#6c757d,#495057);color:#fff!important;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s}.action-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.back-to-dashboard-btn{background:#f8f9fa;border:2px solid #dee2e6;color:#495057!important;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.back-to-dashboard-btn:hover{background:#e9ecef}.admin-stats-panel{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;margin-bottom:20px;color:#fff;box-shadow:0 4px 6px #0000001a}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.stats-header h2{margin:0;font-size:1.5rem;color:#fff}.stats-header-actions{display:flex;align-items:center;gap:10px}.btn-update{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-update:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.btn-update:disabled{opacity:.5;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card.system-stat{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:20px;display:flex;align-items:center;gap:15px;transition:transform .2s}.stat-card.system-stat:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a}.stat-icon{font-size:2rem;width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a}.stat-info h3{color:#fff!important;margin:0 0 5px;font-size:1.8rem;font-weight:700}.stat-info p{color:#ffffffe6!important;margin:0;font-size:.9rem;font-weight:500}.filter-stats-panel{background:#fff;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 10px #0000000d}.filter-stats-grid{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.filter-stat{display:flex;align-items:center;gap:8px}.filter-stat-label{color:#666;font-size:.9rem}.filter-stat-value{font-weight:700;padding:4px 12px;border-radius:20px;font-size:1.1rem}.filter-stat-value.active{color:#155724;background:#d4edda}.filter-stat-value.inactive{color:#721c24;background:#f8d7da}.filter-stat-value.admin{color:#856404;background:#fff3cd}.filter-stat-value.selected{color:#004085;background:#cce5ff}.admin-toolbar{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 10px #0000000d}.search-filters{display:flex;gap:15px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.search-box{flex:1;min-width:300px;display:flex;gap:10px}.search-input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#333!important;background:#fff}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;border:none;width:50px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:transform .2s}.search-button:hover{transform:scale(1.05)}.filter-group{display:flex;gap:10px}.filter-select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#333!important;font-size:.95rem;min-width:150px;cursor:pointer}.clear-filters-btn{padding:12px 20px;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;color:#666!important;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px}.clear-filters-btn:hover{background:#e9ecef;color:#333!important}.bulk-actions{display:flex;align-items:center;gap:15px;padding-top:20px;border-top:1px solid #eaeaea}.selected-count{color:#666!important;font-weight:500;padding:8px 16px;background:#f8f9fa;border-radius:20px;border:1px solid #dee2e6}.btn{padding:10px 20px;border:none;border-radius:6px;color:#fff!important;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-activate{background:linear-gradient(135deg,#4caf50,#2e7d32)}.btn-disable{background:linear-gradient(135deg,#ff9800,#f57c00)}.btn-dangerr{background:linear-gradient(135deg,#f44336,#d32f2f)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn:disabled{opacity:.5;cursor:not-allowed}.profiles-table-container{background:#fff;border-radius:14px;box-shadow:0 8px 20px #0000000f;overflow:hidden;margin-top:20px}.profiles-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.profiles-table thead{background:linear-gradient(135deg,#6b46c1,#553c9a)}.profiles-table th{color:#fff!important;padding:14px 12px;font-weight:600;text-align:left;font-size:.9rem;letter-spacing:.3px;border-bottom:2px solid #4c3287}.profiles-table th.checkbox-column{width:40px;text-align:center}.profiles-table td{background:#fff;padding:12px 14px;color:#2d3748!important;font-size:.88rem;border-bottom:1px solid #edf2f7}.profiles-table tbody tr:nth-child(2n) td{background:#f9fafb}.profiles-table tbody tr:hover td{background:#f1e6ff;transition:background .25s ease}.profiles-table thead th:first-child{border-top-left-radius:14px}.profiles-table thead th:last-child{border-top-right-radius:14px}.checkbox-column{text-align:center}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar.small{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.user-info{display:flex;flex-direction:column}.user-info strong{color:#222!important;font-size:1rem;font-weight:600;margin-bottom:2px}.user-info span{color:#666!important;font-size:.85rem}.user-bio{color:#777!important;font-size:.8rem;margin-top:4px;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-cell{font-size:.85rem;color:#4a5568;max-width:220px;word-break:break-all}.numeric-cell{text-align:center;font-weight:600;color:#222!important}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;min-width:80px;text-align:center}.status-badge.active{background:#d4edda;color:#155724!important;border:1px solid #c3e6cb}.status-badge.inactive{background:#f8d7da;color:#721c24!important;border:1px solid #f5c6cb}.role-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;min-width:70px;text-align:center}.role-badge.admin{background:#fff3cd;color:#856404!important;border:1px solid #ffeaa7}.role-badge.user{background:#d1ecf1;color:#0c5460!important;border:1px solid #bee5eb}.role-badge.client{background:#d4edda;color:#155724!important;border:1px solid #c3e6cb}.action-buttons{display:flex;align-items:center;gap:8px;justify-content:center}.action-buttons button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:none;cursor:pointer;font-size:16px;transition:all .2s ease;background:#f8fafc;border:1px solid #e2e8f0}.action-buttons button:hover{transform:scale(1.12)}.btn-view{background:#dbeafe;border-color:#bfdbfe}.btn-view:hover{background:#bfdbfe}.btn-edit{background:#fef3c7;border-color:#fde68a}.btn-edit:hover{background:#fde68a}.btn-email{background:#e9d5ff;border-color:#d8b4fe}.btn-email:hover{background:#d8b4fe}.btn-stats{background:#c6f6d5;border-color:#9ae6b4}.btn-stats:hover{background:#9ae6b4}.pagination{display:flex;justify-content:center;align-items:center;padding:20px;gap:8px;background:#f8f9fa;border-top:1px solid #eaeaea}.pagination-btn{padding:8px 14px;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057!important;cursor:pointer;font-size:.9rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#667eea;color:#fff!important;border-color:#667eea}.pagination-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;border-color:#5a6fd4;font-weight:600}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-dots{color:#adb5bd!important;padding:0 8px}.table-footer{padding:15px 20px;background:#f8f9fa;border-top:1px solid #eaeaea;display:flex;justify-content:space-between;align-items:center}.footer-info{display:flex;gap:20px;font-size:.9rem;color:#666!important}.no-data{text-align:center;padding:50px!important}.no-profiles-message{display:flex;flex-direction:column;align-items:center;gap:15px}.no-profiles-message p{color:#666!important;font-size:1.1rem;margin:0}.reset-filters-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:transform .2s}.reset-filters-btn:hover{transform:translateY(-2px)}.loading-table,.loading-full{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;color:#666!important}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.search-filters{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filter-group{width:100%}.filter-select{flex:1}.bulk-actions{flex-wrap:wrap;justify-content:center}.stats-grid{grid-template-columns:1fr}.filter-stats-grid{grid-template-columns:repeat(2,1fr)}.profiles-table{display:block;overflow-x:auto}.header-actions{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.filter-stats-grid{grid-template-columns:1fr}.action-buttons{flex-wrap:wrap;justify-content:center}.pagination{flex-wrap:wrap}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.edit-user-modal,.stats-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px 30px;border-bottom:1px solid #edf2f7;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:10px}.close-modal{background:#fff3;border:none;color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-modal:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:30px}.user-info-section{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:25px;border:1px solid #e9ecef}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e9ecef}.info-row:last-child{border-bottom:none}.info-row label{font-weight:500;color:#666;font-size:.9rem}.info-value{font-weight:600;color:#333;background:#fff;padding:6px 12px;border-radius:6px;border:1px solid #dee2e6;font-family:Courier New,monospace;font-size:.9rem}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.quick-stat{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.quick-stat:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001a;border-color:#667eea}.stat-label{display:block;font-size:.85rem;color:#666;margin-bottom:8px;font-weight:500}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:#667eea;font-family:Courier New,monospace}.edit-form{background:#f8f9fa;border-radius:12px;padding:25px;margin-bottom:25px;border:1px solid #e9ecef}.form-group{margin-bottom:25px}.form-group label{display:block;font-size:1rem;font-weight:600;margin-bottom:15px;color:#333;display:flex;align-items:center;gap:8px}.role-options{display:flex;gap:15px;flex-wrap:wrap}.role-option{flex:1;min-width:150px;background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative}.role-option input[type=radio]{display:none}.role-label{display:block;text-align:center;font-weight:500;font-size:.95rem;color:#555}.role-option:hover{background:#f8f9fa;border-color:#adb5bd}.role-option.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#5a6fd4;color:#fff}.role-option.selected .role-label{color:#fff}.status-options{display:flex;gap:15px;flex-wrap:wrap}.status-option{flex:1;min-width:200px;background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:16px;cursor:pointer;transition:all .3s ease}.status-option input[type=radio]{display:none}.status-label{display:block;font-weight:500;color:#555}.status-label small{display:block;font-size:.85rem;color:#777;margin-top:5px;font-weight:400}.status-option:hover{transform:translateY(-2px);border-color:#adb5bd}.status-option.selected .status-label.active{color:#28a745}.status-option.selected .status-label.inactive{color:#ff9800}.status-option.selected{border-color:currentColor;background:rgba(currentColor,.05)}.bio-textarea{width:100%;background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:15px;color:#333;font-size:.95rem;resize:vertical;min-height:80px;transition:border-color .3s ease}.bio-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.bio-textarea:read-only{background:#f8f9fa;color:#666;cursor:not-allowed}.hint{display:block;margin-top:8px;font-size:.85rem;color:#888;font-style:italic}.modal-actions{display:flex;justify-content:flex-end;gap:15px;padding-top:25px;border-top:1px solid #edf2f7}.btn-cancel,.btn-save{padding:12px 30px;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-cancel{background:#f8f9fa;color:#666;border:2px solid #dee2e6}.btn-cancel:hover{background:#e9ecef;color:#333;transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-save:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.warning-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;padding:16px;margin-top:25px;color:#856404;font-size:.9rem}.warning-info p{margin:0;line-height:1.5}.warning-info strong{font-weight:600}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stats-summary .stat-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:25px;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.stats-summary .stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001a;border-color:#667eea}.stats-summary .stat-card h3{margin:0 0 12px;color:#666;font-size:1rem;font-weight:500}.stats-summary .stat-card .stat-value{font-size:2.2rem;font-weight:700;color:#667eea;font-family:Courier New,monospace}.top-links-section{background:#f8f9fa;border-radius:12px;padding:25px;margin-bottom:25px;border:1px solid #e9ecef}.top-links-section h3{margin:0 0 20px;color:#333;font-size:1.2rem;font-weight:600}.top-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.top-link-item{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:10px;border:1px solid #e9ecef;transition:all .3s ease}.top-link-item:hover{background:#f8f9fa;transform:translate(5px);border-color:#667eea}.link-rank{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.1rem;flex-shrink:0}.link-title{flex:1;color:#333;font-weight:500;font-size:.95rem}.link-clicks{background:#d4edda;color:#155724;padding:6px 15px;border-radius:20px;font-weight:600;font-size:.9rem;border:1px solid #c3e6cb}.daily-stats-section{background:#f8f9fa;border-radius:12px;padding:25px;border:1px solid #e9ecef}.daily-stats-section h3{margin:0 0 20px;color:#333;font-size:1.2rem;font-weight:600}.daily-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px}.daily-stat{background:#fff;border-radius:10px;padding:20px;text-align:center;border:1px solid #e9ecef;transition:all .3s ease}.daily-stat:hover{background:#f8f9fa;transform:translateY(-3px);border-color:#667eea}.daily-stat-date{font-weight:600;color:#666;margin-bottom:10px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.daily-stat-values{display:flex;flex-direction:column;gap:8px}.daily-stat-values span{font-size:.9rem;color:#333;font-weight:500}.daily-stat-values span:first-child{color:#667eea}.daily-stat-values span:last-child{color:#28a745}.edit-user-modal::-webkit-scrollbar,.stats-modal::-webkit-scrollbar{width:8px}.edit-user-modal::-webkit-scrollbar-track,.stats-modal::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.edit-user-modal::-webkit-scrollbar-thumb,.stats-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.edit-user-modal::-webkit-scrollbar-thumb:hover,.stats-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd4,#684392)}@media (max-width: 768px){.modal-overlay{padding:10px}.edit-user-modal,.stats-modal{max-width:95%;max-height:90vh}.quick-stats{grid-template-columns:1fr}.role-options,.status-options{flex-direction:column}.role-option,.status-option{min-width:100%}.modal-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}.stats-summary{grid-template-columns:1fr}.daily-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.modal-header,.modal-body{padding:20px}.modal-header h2{font-size:1.3rem}.daily-stats-grid{grid-template-columns:1fr}.top-link-item{flex-direction:column;align-items:flex-start;gap:10px}.link-clicks{align-self:flex-start}}.actions-column{text-align:center;vertical-align:middle;white-space:nowrap}.action-buttons{display:inline-flex;align-items:center;justify-content:center;gap:6px}.action-buttons button{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}.activate-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-size:400% 400%;animation:gradientBG 15s ease infinite;overflow:hidden;position:relative}.activate-container:before,.activate-container:after{content:"";position:absolute;border-radius:50%;background:#6366f10d;z-index:0}.activate-container:before{width:300px;height:300px;top:-150px;left:-100px;animation:float 25s infinite linear}.activate-container:after{width:200px;height:200px;bottom:-100px;right:-50px;animation:float 20s infinite linear reverse}.activate-card{background:#fffffff2;padding:2.5rem;border-radius:20px;max-width:420px;width:100%;text-align:center;box-shadow:0 15px 35px #0000001a,0 5px 15px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transform:translateY(0);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:1;animation:cardEntrance .8s ease-out forwards;opacity:0}.activate-card:hover{transform:translateY(-10px) scale(1.01);box-shadow:0 20px 40px #00000026,0 10px 20px #0000001a}.activate-card h1{margin-bottom:1rem;color:#333;font-size:2rem;background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block}.activate-card h1:after{content:"";position:absolute;width:60%;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6);bottom:-5px;left:20%;border-radius:2px;transform:scaleX(0);transform-origin:left;animation:underlineExpand 1s ease-out .8s forwards}.activate-benefits{margin:2rem 0}.activate-benefits ul{list-style:none;padding:0;margin:1.5rem 0}.activate-benefits li{margin:.8rem 0;background:#6366f114;border-radius:8px;text-align:left;padding:.8rem .8rem .8rem 3rem;position:relative;transform:translate(-20px);opacity:0;animation:slideIn .5s ease-out forwards}.activate-benefits li:nth-child(1){animation-delay:.5s}.activate-benefits li:nth-child(2){animation-delay:.7s}.activate-benefits li:nth-child(3){animation-delay:.9s}.activate-benefits li:nth-child(4){animation-delay:1.1s}.activate-benefits li:before{content:"✓";position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#6366f1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.activate-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.btn{padding:.9rem;border-radius:12px;border:none;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.btn:focus:not(:active):after{animation:ripple 1s ease-out}.btn.primary{background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6366f166;background:linear-gradient(90deg,#8b5cf6,#6366f1)}.btn.primary:active{transform:translateY(0);box-shadow:0 4px 10px #6366f14d}.btn.secondary{background:transparent;border:2px solid #6366f1;color:#6366f1}.btn.secondary:hover{background:#6366f114;transform:translateY(-3px);box-shadow:0 4px 10px #6366f11a}.logout-btn{margin-top:1.5rem;background:none;border:none;color:#999;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:6px;position:relative;overflow:hidden}.logout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(153,153,153,.1),transparent);transition:left .7s}.logout-btn:hover{color:#6366f1;transform:translateY(-2px)}.logout-btn:hover:before{left:100%}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px,10px) rotate(90deg)}50%{transform:translateY(20px) rotate(180deg)}75%{transform:translate(-10px,10px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes underlineExpand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}@media (max-width: 480px){.activate-card{margin:1rem;padding:1.8rem}.activate-card h1{font-size:1.7rem}.activate-benefits li{padding-left:2.5rem;font-size:.95rem}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(10px) rotate(-5deg)}}.floating-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ff8c421a,#ffb3470d);z-index:0;animation:floatSlow 15s infinite ease-in-out}.floating-shape.shape-1{width:100px;height:100px;top:20%;left:10%;animation-delay:0s}.floating-shape.shape-2{width:150px;height:150px;bottom:30%;right:15%;animation-delay:2s;animation-duration:20s}.floating-shape.shape-3{width:80px;height:80px;top:60%;left:85%;animation-delay:4s;animation-duration:18s}.activate-card.loaded{animation:cardEntrance .8s ease-out forwards}.emoji-container{animation:bounce 3s infinite}.particle{position:absolute;border-radius:50%;pointer-events:none;z-index:100}.btn.primary,.btn.secondary{text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.5px}.btn.primary{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.2)}.btn.secondary{color:#ff8c42!important;text-shadow:0 1px 1px rgba(255,255,255,.5)}.activate-benefits li{color:#333;font-size:1rem}@media (max-width: 480px){.emoji-container{font-size:2.5rem!important}.activate-card h1{font-size:1.8rem}.btn.primary,.btn.secondary{font-size:1rem!important}}.privacy-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f9fafb;min-height:100vh}.privacy-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 15px #00000014;position:relative;animation:fadeIn .5s ease}.privacy-main{animation:fadeIn .5s ease .2s both}.privacy-intro{background:linear-gradient(135deg,#fff7f2,#ffece0);padding:2rem;border-radius:12px;margin-bottom:3rem;border-left:4px solid #ff6200}.privacy-intro p{color:#555;font-size:1.1rem;line-height:1.6;text-align:center;margin:0}.policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}@media (max-width: 768px){.policy-grid{grid-template-columns:1fr}}.policy-card{background:#fff;border-radius:10px;padding:2rem;position:relative;transition:all .3s ease;box-shadow:0 4px 12px #0000000d;border:1px solid #eaeaea;animation:fadeIn .5s ease both}.policy-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;border-color:#ff6200}.card-number{position:absolute;top:-15px;left:-15px;width:40px;height:40px;background:#ff6200;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 8px #ff62004d}.card-icon{width:60px;height:60px;background:#fff5f0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.card-icon i{font-size:1.8rem;color:#ff6200}.policy-card h3{color:#333;font-size:1.4rem;margin-bottom:1rem;font-weight:600}.policy-card p{color:#555;line-height:1.6;margin:0;font-size:.95rem}.info-box i{font-size:3rem;color:#ff6200;margin-bottom:1rem}.info-box p{color:#666;margin-bottom:1.5rem}.contact-info{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:10px;padding:.8rem 1.5rem;background:#f9f9f9;border-radius:8px;transition:all .3s ease}.contact-item:hover{background:#fff5f0;transform:translateY(-2px)}.contact-item i{color:#ff6200;font-size:1rem}.contact-item span{color:#333;font-weight:500}.privacy-actions{display:flex;justify-content:center;gap:1.5rem;margin:3rem 0;flex-wrap:wrap}.primary-btn{background:#ff6200;color:#fff}.primary-btn:hover{background:#e55a00;transform:translateY(-3px);box-shadow:0 8px 20px #ff62004d}.secondary-btn:hover{border-color:#ff6200;color:#ff6200;transform:translateY(-3px)}.privacy-footer{background:#fff;border-radius:12px;padding:2rem;margin-top:2rem;text-align:center;box-shadow:0 4px 15px #00000014}.footer-logo{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.5rem;font-weight:700;color:#ff6200;margin-bottom:.5rem}.footer-note{color:#888;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:10px;max-width:600px;margin:0 auto}.footer-note i{color:#ff6200;flex-shrink:0}@media (max-width: 768px){.privacy-container{padding:1rem}.privacy-header{padding:1.5rem}.header-content h1{font-size:2rem;flex-direction:column;gap:10px}.back-button{position:relative;top:0;left:0;margin-bottom:1rem}.policy-card{padding:1.5rem}.policy-grid{gap:1.5rem}.privacy-actions{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:300px}.contact-info{flex-direction:column;align-items:center}}@media (max-width: 480px){.policy-grid{grid-template-columns:1fr}.header-meta{flex-direction:column;gap:.5rem;align-items:center}.footer-note{flex-direction:column;text-align:center}}.terms-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f9fafb;min-height:100vh}.terms-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 15px #00000014;position:relative;animation:fadeIn .5s ease}.back-button:hover{background:#ff6200;color:#fff;transform:translate(-5px)}.header-content h1 i{color:#ff6200}.meta-item i{color:#ff6200}.terms-main{animation:fadeIn .5s ease .2s both}.terms-intro{background:linear-gradient(135deg,#e8f4ff,#d6eaff);padding:2rem;border-radius:12px;margin-bottom:3rem;border-left:4px solid #2196F3}.terms-intro p{color:#555;font-size:1.1rem;line-height:1.6;text-align:center;margin:0}.terms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}@media (max-width: 768px){.terms-grid{grid-template-columns:1fr}}.term-card{background:#fff;border-radius:10px;padding:2rem;position:relative;transition:all .3s ease;box-shadow:0 4px 12px #0000000d;border:1px solid #eaeaea;animation:fadeIn .5s ease both}.term-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;border-color:#2196f3}.card-number{position:absolute;top:-15px;left:-15px;width:40px;height:40px;background:#2196f3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 8px #2196f34d}.card-icon{width:60px;height:60px;background:#e3f2fd;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.card-icon i{font-size:1.8rem;color:#2196f3}.term-card h3{color:#333;font-size:1.4rem;margin-bottom:1rem;font-weight:600}.term-card p{color:#555;line-height:1.6;margin:0;font-size:.95rem}.additional-info{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 15px #00000014;animation:slideIn .5s ease}.info-box{text-align:center;max-width:600px;margin:0 auto}.info-box i{font-size:3rem;color:#ff9800;margin-bottom:1rem}.info-box h4{color:#333;font-size:1.5rem;margin-bottom:1rem}.info-box p{color:#666;line-height:1.6}.terms-actions{display:flex;justify-content:center;gap:1.5rem;margin:3rem 0;flex-wrap:wrap}.primary-btn{background:#2196f3;color:#fff}.primary-btn:hover{background:#1976d2;transform:translateY(-3px);box-shadow:0 8px 20px #2196f34d}.secondary-btn:hover{border-color:#2196f3;color:#2196f3;transform:translateY(-3px)}.terms-footer{background:#fff;border-radius:12px;padding:2rem;margin-top:2rem;text-align:center;box-shadow:0 4px 15px #00000014}.footer-logo{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.5rem;font-weight:700;color:#2196f3;margin-bottom:.5rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.footer-links a{color:#666;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#2196f3}@media (max-width: 768px){.terms-container{padding:1rem}.terms-header{padding:1.5rem}.header-content h1{font-size:2rem;flex-direction:column;gap:10px}.back-button{position:relative;top:0;left:0;margin-bottom:1rem}.term-card{padding:1.5rem}.terms-grid{gap:1.5rem}.terms-actions{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:300px}.footer-links{flex-direction:column;gap:1rem}}@media (max-width: 480px){.terms-grid{grid-template-columns:1fr}.header-meta{flex-direction:column;gap:.5rem;align-items:center}}.cookie-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f9fafb;min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.cookie-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 15px #00000014;position:relative;animation:fadeIn .5s ease}.back-button{position:absolute;top:1.5rem;left:1.5rem;background:#f5f5f5;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#666;font-weight:500;transition:all .3s ease}.back-button:hover{background:#4caf50;color:#fff;transform:translate(-5px)}.header-content{text-align:center;padding-top:1rem}.header-content h1{font-size:2.5rem;color:#333;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:15px}.header-content h1 i{color:#4caf50}.header-meta{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:8px;color:#666;font-size:.95rem}.meta-item i{color:#4caf50}.cookie-main{animation:fadeIn .5s ease .2s both}.cookie-intro{background:linear-gradient(135deg,#e8f5e9,#d0ecd1);padding:2rem;border-radius:12px;margin-bottom:3rem;border-left:4px solid #4CAF50}.cookie-intro p{color:#555;font-size:1.1rem;line-height:1.6;text-align:center;margin:0}.cookie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}@media (max-width: 768px){.cookie-grid{grid-template-columns:1fr}}.cookie-card{background:#fff;border-radius:10px;padding:2rem;position:relative;transition:all .3s ease;box-shadow:0 4px 12px #0000000d;border:1px solid #eaeaea;animation:fadeIn .5s ease both}.cookie-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;border-color:#4caf50}.card-number{position:absolute;top:-15px;left:-15px;width:40px;height:40px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 8px #4caf504d}.card-icon{width:60px;height:60px;background:#e8f5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.card-icon i{font-size:1.8rem;color:#4caf50}.cookie-card h3{color:#333;font-size:1.4rem;margin-bottom:1rem;font-weight:600}.cookie-card p{color:#555;line-height:1.6;margin:0 0 1.5rem;font-size:.95rem}.cookie-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.cookie-type{background:#f8f9fa;padding:1rem;border-radius:8px;text-align:center;border:1px solid #e9ecef;transition:all .3s ease}.cookie-type:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000000d}.cookie-type i{font-size:1.5rem;color:#4caf50;margin-bottom:.5rem}.cookie-type h4{color:#333;font-size:.9rem;margin:.5rem 0}.cookie-type p{color:#666;font-size:.8rem;margin:0;line-height:1.4}.cookie-actions{display:flex;justify-content:center;gap:1.5rem;margin:3rem 0;flex-wrap:wrap}.action-btn{padding:.9rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;min-width:180px;justify-content:center}.primary-btn{background:#4caf50;color:#fff}.primary-btn:hover{background:#45a049;transform:translateY(-3px);box-shadow:0 8px 20px #4caf504d}.secondary-btn{background:transparent;color:#666;border:2px solid #ddd}.secondary-btn:hover{border-color:#4caf50;color:#4caf50;transform:translateY(-3px)}.cookie-footer{background:#fff;border-radius:12px;padding:2rem;margin-top:2rem;text-align:center;box-shadow:0 4px 15px #00000014}.footer-content{max-width:600px;margin:0 auto}.footer-logo{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.5rem;font-weight:700;color:#4caf50;margin-bottom:.5rem}.copyright{color:#666;margin-bottom:1rem}.footer-note{display:flex;align-items:flex-start;gap:12px;text-align:left;background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #4CAF50}.footer-note i{color:#4caf50;flex-shrink:0;margin-top:.2rem}.footer-note p{color:#666;margin:0;font-size:.9rem;line-height:1.5}@media (max-width: 768px){.cookie-container{padding:1rem}.cookie-header{padding:1.5rem}.header-content h1{font-size:2rem;flex-direction:column;gap:10px}.back-button{position:relative;top:0;left:0;margin-bottom:1rem}.cookie-card{padding:1.5rem}.cookie-grid{gap:1.5rem}.cookie-types{grid-template-columns:repeat(2,1fr)}.cookie-actions{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:300px}.footer-note{flex-direction:column;text-align:center;align-items:center}}@media (max-width: 480px){.cookie-grid,.cookie-types{grid-template-columns:1fr}.header-meta{flex-direction:column;gap:.5rem;align-items:center}}.public-profile-page{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#020617!important}.galaxy-stars{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#ddd,transparent);background-size:200px 200px;opacity:.45;animation:galaxyStars 90s linear infinite;pointer-events:none}.galaxy-stars-2{position:absolute;inset:0;background-image:radial-gradient(3px 3px at 150px 120px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 80px 160px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 200px 40px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 250px 100px,rgba(255,255,255,.6),transparent);background-size:300px 300px;opacity:.3;animation:galaxyStars2 140s linear infinite;pointer-events:none}@keyframes galaxyStars{0%{transform:translateY(0)}to{transform:translateY(-350px)}}@keyframes galaxyStars2{0%{transform:translateY(0)}to{transform:translateY(-500px)}}.galaxy-nebula{position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(138,43,226,.35),transparent 65%),radial-gradient(circle at 70% 60%,rgba(0,180,255,.32),transparent 65%);filter:blur(55px);opacity:.6;animation:galaxyNebula 14s ease-in-out infinite alternate}@keyframes galaxyNebula{0%{transform:scale(1);opacity:.55}to{transform:scale(1.3);opacity:.85}}.galaxy-waves{display:none!important}@keyframes galaxyWaves{0%{transform:translate(-10%)}to{transform:translate(10%)}}.meteor-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}.meteor{position:absolute;top:-10%;left:-10%;width:3px;height:120px;background:linear-gradient(to bottom,#fff,#fff0);transform:rotate(-45deg);opacity:0;animation:meteorFly 4s linear infinite;filter:drop-shadow(0 0 8px white)}.meteor:nth-child(1){top:5%;left:20%;animation-delay:0s}.meteor:nth-child(2){top:10%;left:60%;animation-delay:1.5s}.meteor:nth-child(3){top:0%;left:80%;animation-delay:3s}.meteor:nth-child(4){top:25%;left:10%;animation-delay:4.5s}.meteor:nth-child(5){top:15%;left:45%;animation-delay:6s}@keyframes meteorFly{0%{transform:translate(0) rotate(-45deg);opacity:0}10%{opacity:1}to{transform:translate(600px,600px) rotate(-45deg);opacity:0}}.public-profile-card{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 20px 60px #00000026;width:100%;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;z-index:10}.public-card-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:#1e293b}.public-header{display:flex;flex-direction:column;width:100%;text-align:center}.public-header-centered{align-items:center;text-align:center}.public-header-left{align-items:flex-start;text-align:left}.public-header-minimal{align-items:center;text-align:center}.public-header-minimal .public-username{font-size:1.3rem!important;font-weight:700!important;margin-bottom:.5rem!important}.public-header-minimal .public-bio{font-size:.9rem!important}.public-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 8px 25px #00000026;margin-bottom:1.5rem;background:#e2e8f0}.public-avatar.avatar-circle{border-radius:50%}.public-avatar.avatar-square{border-radius:0}.public-avatar.avatar-rounded{border-radius:20px}.public-avatar img{width:100%;height:100%;object-fit:cover}.public-placeholder-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:2rem;font-weight:600;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.public-username{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:#1e293b}.public-bio{font-size:1rem;line-height:1.5;margin:0;color:#64748b;max-width:100%}.public-links{display:flex;flex-direction:column;gap:1.2rem!important;width:100%;margin:1rem 0}.public-link{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem!important;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;margin-bottom:0;min-height:60px;box-shadow:0 4px 12px #00000014!important}.public-link:hover{transform:translateY(-3px)!important;box-shadow:0 15px 30px #00000026!important}.public-link-icon{font-size:1.2rem}.public-link-title{flex:1;text-align:center}.public-empty-links{text-align:center;padding:2rem;color:#94a3b8}.public-footer{margin-top:1.5rem!important;text-align:center;padding-top:1rem}.public-footer p{font-size:.8rem;opacity:.7;margin:0}.public-profile-loading{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.public-profile-error{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:2rem}.public-profile-error h2{margin-bottom:1rem;font-size:2rem}.public-profile-error p{margin-bottom:2rem;font-size:1.1rem;opacity:.9}.home-link{color:#fff;text-decoration:none;padding:.75rem 1.5rem;border:2px solid white;border-radius:8px;transition:all .3s ease}.home-link:hover{background:#fff;color:#667eea}.public-share-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 1.5rem!important;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;cursor:pointer;width:100%;margin-top:1.5rem!important;min-height:60px;box-shadow:0 4px 12px #00000014!important}.public-share-button:hover{transform:translateY(-3px)!important;box-shadow:0 15px 30px #00000026!important}.public-share-button.copied{background:#10b981;color:#fff;border-color:#10b981}.share-icon{font-size:1.2rem}.share-text{flex:1;text-align:center}.public-profile-card.theme-agate{background:linear-gradient(135deg,#404040,#71717a);border:none}.public-profile-card.theme-air{background:linear-gradient(135deg,#64748b,#94a3b8);border:none}.public-profile-card.theme-aura{background:linear-gradient(135deg,#374151,#6b7280);border:none}.public-profile-card.theme-bliss{background:linear-gradient(135deg,#1e40af,#60a5fa);border:none}.public-profile-card.theme-blocks{background:linear-gradient(135deg,#0f766e,#14b8a6);border:none}.public-profile-card.theme-bloom{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none}.public-profile-card.theme-modern{background:linear-gradient(135deg,#334155,#475569);border:none}.public-profile-card.theme-dark{background:linear-gradient(135deg,#1e293b,#374151);border:none}.public-profile-card.theme-vibrant{background:linear-gradient(135deg,#1e40af,#3730a3);border:none}.public-profile-card.theme-classic{background:linear-gradient(135deg,#0369a1,#0ea5e9);border:none}.public-profile-card[class^=theme-] .public-username,.public-profile-card[class^=theme-] .public-bio,.public-profile-card[class^=theme-] .public-link,.public-profile-card[class^=theme-] .public-footer p,.public-profile-card[class^=theme-] .public-empty-links p{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.7)}.public-profile-card[class^=theme-] .public-link{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.public-profile-card[class^=theme-] .public-link:hover{background:#ffffff40;transform:translateY(-3px)!important;box-shadow:0 15px 30px #00000040!important}.public-profile-card[class^=theme-] .public-share-button{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.public-profile-card[class^=theme-] .public-share-button:hover{background:#ffffff40;transform:translateY(-3px)!important;box-shadow:0 15px 30px #00000040!important}.public-profile-card[class^=theme-] .public-share-button.copied{background:#10b981cc;border-color:#10b981cc}.aurora-layer{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle at 30% 70%,rgba(255,0,200,.25),transparent 60%),radial-gradient(circle at 70% 30%,rgba(0,200,255,.25),transparent 60%);animation:auroraMove 18s ease-in-out infinite alternate;filter:blur(60px);opacity:.6}@keyframes auroraMove{0%{transform:translate(-20px,-30px) scale(1)}to{transform:translate(30px,40px) scale(1.3)}}.twinkle-stars{position:absolute;inset:0;pointer-events:none;z-index:1;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 50% 60%,rgba(255,255,255,.8),transparent),radial-gradient(1.2px 1.2px at 80% 20%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 70% 80%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 30% 50%,rgba(255,255,255,.6),transparent);animation:twinkleAnim 6s infinite ease-in-out alternate}@keyframes twinkleAnim{0%{opacity:.25}to{opacity:.8}}.mini-meteor{position:absolute;width:2px;height:60px;background:linear-gradient(to bottom,white,transparent);opacity:0;transform:rotate(-45deg);animation:miniMeteor 5s linear infinite;pointer-events:none}.mini-meteor:nth-child(1){top:10%;left:20%;animation-delay:1s}.mini-meteor:nth-child(2){top:15%;left:70%;animation-delay:2.8s}.mini-meteor:nth-child(3){top:25%;left:40%;animation-delay:4.1s}@keyframes miniMeteor{0%{opacity:0;transform:translate(0) rotate(-45deg)}10%{opacity:1}to{transform:translate(400px,400px) rotate(-45deg);opacity:0}}@media (max-width: 768px){.public-profile-page{padding:1rem}.public-profile-card{padding:2rem 1.5rem;border-radius:20px}.public-avatar{width:80px;height:80px}.public-username{font-size:1.3rem}.public-bio{font-size:.9rem}.public-links{gap:1.2rem!important}.public-link{padding:1.1rem 1.3rem!important;min-height:56px}.public-share-button{padding:1.1rem 1.3rem!important;margin-top:1.2rem!important;min-height:56px}}@media (max-width: 480px){.public-profile-card{padding:1.5rem 1rem}.public-avatar{width:70px;height:70px}.public-username{font-size:1.2rem}.public-links{gap:1rem!important}.public-link{padding:1rem 1.1rem!important;min-height:52px}.public-share-button{padding:1rem 1.1rem!important;margin-top:1rem!important;min-height:52px}}:root{--orange-main: #f7931e;--orange-dark: #e5821a;--orange-light: #ffd08a;--orange-very-light: #fff5e6;--purple-accent: #b185ff;--purple-light: #d8c5ff;--purple-very-light: #f5f0ff;--success-green: #10b981;--error-red: #ef4444;--warning-yellow: #f59e0b;--white: #ffffff;--black: #000000;--gray-dark: #1a1a1a;--gray-medium: #666666;--gray-light: #f8f9fa;--gradient-orange: linear-gradient(135deg, var(--orange-main), #ff8b35);--gradient-orange-purple: linear-gradient(135deg, var(--orange-main), var(--purple-accent));--gradient-primary: linear-gradient(135deg, var(--orange-very-light), var(--purple-very-light));--shadow-ticket: 0 25px 50px rgba(0, 0, 0, .25);--shadow-glow-orange: 0 0 30px rgba(247, 147, 30, .3);--shadow-glow-purple: 0 0 20px rgba(177, 133, 255, .2)}.payment-status-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--orange-very-light) 0%,var(--purple-very-light) 50%,var(--orange-very-light) 100%);background-size:400% 400%;animation:gradientBackground 15s ease infinite;padding:20px;font-family:Segoe UI,Montserrat,Inter,sans-serif;position:relative;overflow:hidden}@keyframes gradientBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bubble-bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;overflow:hidden}.bubble{position:absolute;border-radius:50%;background:#ffffff26;animation:floatBubble 20s infinite linear}.bubble:nth-child(1){width:100px;height:100px;top:10%;left:5%;animation-delay:0s;background:#f7931e1a}.bubble:nth-child(2){width:150px;height:150px;top:60%;right:10%;animation-delay:5s;background:#b185ff1a}.bubble:nth-child(3){width:80px;height:80px;bottom:20%;left:15%;animation-delay:10s;background:#f7931e14}.bubble:nth-child(4){width:120px;height:120px;top:20%;right:20%;animation-delay:15s;background:#b185ff14}@keyframes floatBubble{0%{transform:translateY(0) rotate(0);opacity:.5}25%{transform:translateY(-50px) rotate(90deg);opacity:.8}50%{transform:translateY(0) rotate(180deg);opacity:.5}75%{transform:translateY(50px) rotate(270deg);opacity:.3}to{transform:translateY(0) rotate(360deg);opacity:.5}}.light-ray{position:absolute;width:200%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),rgba(247,147,30,.3),rgba(177,133,255,.3),transparent);animation:rayMove 20s infinite linear;z-index:1}.light-ray:nth-child(1){top:20%;transform:rotate(45deg);animation-delay:0s}.light-ray:nth-child(2){top:50%;transform:rotate(-30deg);animation-delay:5s}.light-ray:nth-child(3){top:80%;transform:rotate(60deg);animation-delay:10s}@keyframes rayMove{0%{left:-100%}to{left:100%}}.boarding-ticket{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:800px;min-height:400px;border-radius:20px;position:relative;z-index:2;box-shadow:0 10px 30px #0000001a,0 0 0 1px #fffc,0 0 50px #f7931e1a;overflow:hidden;animation:slideInUp .6s ease-out;display:flex}.boarding-ticket:before{content:"";position:absolute;inset:-2px;background:var(--gradient-orange-purple);z-index:-1;border-radius:22px;animation:borderGlow 3s ease-in-out infinite alternate}@keyframes borderGlow{0%{opacity:.5;filter:blur(0px)}to{opacity:1;filter:blur(8px)}}.ticket-strip{width:70px;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 15px;position:relative;z-index:3}.status-strip{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:var(--gradient-orange-purple);animation:stripFlow 4s ease-in-out infinite alternate}@keyframes stripFlow{0%{background-position:0% 50%}to{background-position:100% 50%}}.ticket-status-icon{width:70px;height:70px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:20px;position:relative;z-index:2;box-shadow:0 5px 15px #0000001a,0 0 0 4px #fff,0 0 20px #f7931e4d;animation:iconFloat 3s ease-in-out infinite}.ticket-status-icon.success{color:var(--success-green)}.ticket-status-icon.pending{color:var(--warning-yellow)}.ticket-status-icon.failure{color:var(--error-red)}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.ticket-main-content{flex:1;padding:35px 40px;display:grid;grid-template-columns:1fr 1fr;gap:30px;position:relative;z-index:2}.ticket-header{grid-column:1 / -1;margin-bottom:15px;text-align:center}.ticket-title{font-size:2.4rem;font-weight:800;margin:0 0 8px;background:var(--gradient-orange-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShimmer 3s ease-in-out infinite}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ticket-subtitle{color:var(--gray-medium);font-size:1.1rem;margin:0;font-weight:400}.flight-info{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:30px;margin:15px 0;padding:20px;background:linear-gradient(135deg,#f7931e0d,#b185ff0d);border-radius:15px;border:1px solid rgba(247,147,30,.1);position:relative;overflow:hidden}.flight-info:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.flight-from,.flight-to{text-align:center;padding:15px 25px;background:#fff;border-radius:12px;min-width:100px;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease}.flight-from:hover,.flight-to:hover{transform:translateY(-5px)}.flight-code{font-size:2.2rem;font-weight:800;color:var(--orange-main);display:block;line-height:1}.flight-label{font-size:.9rem;color:var(--gray-medium);margin-top:6px;font-weight:500}.flight-plane{font-size:2.5rem;animation:planeFloat 3s ease-in-out infinite}@keyframes planeFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(5deg)}75%{transform:translateY(10px) rotate(-5deg)}}.ticket-details{display:flex;flex-direction:column;gap:12px;padding:20px;background:#fffc;border-radius:12px;border:1px solid rgba(247,147,30,.1);transition:transform .3s ease,box-shadow .3s ease}.ticket-details:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.ticket-details h3{color:var(--orange-main);margin:0 0 15px;font-size:1.2rem;display:flex;align-items:center;gap:8px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(247,147,30,.1)}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--gray-medium);font-weight:500;font-size:.95rem}.detail-value{color:var(--gray-dark);font-weight:600;font-size:1rem}.detail-value.success{color:var(--success-green)}.detail-value.warning{color:var(--warning-yellow)}.detail-value.error{color:var(--error-red)}.detail-value.highlight{color:var(--orange-main);font-weight:700}.premium-badge{grid-column:1 / -1;background:var(--gradient-orange-purple);color:#fff;padding:15px;border-radius:12px;text-align:center;font-weight:700;font-size:1.2rem;margin:5px 0;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 5px 15px #f7931e4d;animation:badgePulse 2s infinite;position:relative;overflow:hidden}.premium-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:badgeShine 3s infinite}@keyframes badgePulse{0%,to{box-shadow:0 5px 15px #f7931e4d}50%{box-shadow:0 5px 25px #f7931e80}}@keyframes badgeShine{0%{left:-100%}to{left:100%}}.ticket-actions{grid-column:1 / -1;display:flex;gap:15px;margin-top:20px}.ticket-btn{flex:1;padding:16px 20px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.ticket-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.ticket-btn:hover:before{left:100%}.ticket-btn.primary{background:var(--gradient-orange-purple);color:#fff;box-shadow:0 5px 15px #f7931e4d}.ticket-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #f7931e66}.ticket-btn.secondary{background:#fff;color:var(--orange-dark);border:2px solid var(--orange-main);box-shadow:0 3px 10px #0000001a}.ticket-btn.secondary:hover{background:var(--orange-main);color:#fff;transform:translateY(-3px);border-color:transparent;box-shadow:0 8px 20px #f7931e4d}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.confetti{position:absolute;width:8px;height:8px;opacity:0;animation:confettiFall 2s linear forwards;border-radius:2px}@keyframes confettiFall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.support-section{grid-column:1 / -1;text-align:center;margin-top:15px;padding:20px;background:linear-gradient(135deg,#f7931e0d,#b185ff0d);border-radius:12px;border:1px solid rgba(247,147,30,.1)}.support-section p{margin:0 0 12px;color:var(--gray-dark);font-size:.95rem}.support-highlight{color:var(--orange-main)!important;font-weight:600}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.boarding-ticket{flex-direction:column}.ticket-strip{width:100%;height:80px;flex-direction:row;padding:20px}.ticket-status-icon{width:60px;height:60px;font-size:2rem;margin:0 15px 0 0}.ticket-main-content{grid-template-columns:1fr;padding:25px;gap:20px}.ticket-title{font-size:1.8rem}.ticket-actions{flex-direction:column}.flight-info{flex-direction:column;gap:15px}.flight-plane{transform:rotate(90deg);animation:planeFloatMobile 3s ease-in-out infinite}@keyframes planeFloatMobile{0%,to{transform:rotate(90deg) translateY(0)}50%{transform:rotate(90deg) translateY(-15px)}}}@media (max-width: 480px){.payment-status-page{padding:15px}.boarding-ticket{min-height:auto}.ticket-main-content{padding:20px}.ticket-title{font-size:1.6rem}.ticket-btn{padding:14px 16px}.premium-badge{font-size:1rem;padding:12px}}.reset-page-background{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);position:relative;overflow:hidden;padding:20px}.animated-background{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.wave-layer{position:absolute;width:200%;height:100%;background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);animation:waveMove 15s infinite linear;opacity:.3}.wave-1{top:10%;animation-duration:20s;animation-delay:0s;height:150px;border-radius:40%}.wave-2{top:50%;animation-duration:25s;animation-delay:-5s;height:120px;border-radius:45%;opacity:.2}.wave-3{top:80%;animation-duration:30s;animation-delay:-10s;height:100px;border-radius:50%;opacity:.15}@keyframes waveMove{0%{transform:translate(-50%) translateY(0)}25%{transform:translate(-50%) translateY(-10px)}50%{transform:translate(-50%) translateY(0)}75%{transform:translate(-50%) translateY(10px)}to{transform:translate(0) translateY(0)}}.gradient-mesh{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(74,111,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(106,17,203,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,107,107,.1) 0%,transparent 50%);animation:meshPulse 8s infinite ease-in-out}@keyframes meshPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.background-particle{position:absolute;border-radius:50%;opacity:.6;filter:blur(1px);animation:floatParticle 15s infinite ease-in-out}@keyframes floatParticle{0%,to{transform:translate(0) rotate(0);opacity:.3}25%{transform:translate(100px,50px) rotate(90deg);opacity:.6}50%{transform:translate(50px,100px) rotate(180deg);opacity:.4}75%{transform:translate(-50px,50px) rotate(270deg);opacity:.7}}.light-beams{position:absolute;width:100%;height:100%}.light-beam{position:absolute;width:150%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);filter:blur(1px);animation:beamSweep 10s infinite linear}.beam-1{top:20%;transform:rotate(30deg);animation-delay:0s}.beam-2{top:50%;transform:rotate(45deg);animation-delay:-3s}.beam-3{top:80%;transform:rotate(60deg);animation-delay:-6s}@keyframes beamSweep{0%{transform:rotate(30deg) translate(-100%)}to{transform:rotate(30deg) translate(100%)}}.floating-shapes{position:absolute;width:100%;height:100%}.floating-shape{position:absolute;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);animation:floatShape 25s infinite ease-in-out}.shape-1{width:120px;height:120px;top:10%;left:5%;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation-duration:30s}.shape-2{width:80px;height:80px;top:70%;right:10%;border-radius:50%;animation-duration:25s;animation-delay:-5s}.shape-3{width:100px;height:100px;top:30%;right:15%;border-radius:20px;animation-duration:35s;animation-delay:-10s}.shape-4{width:60px;height:60px;bottom:20%;left:15%;border-radius:40% 60% 60% 40%/60% 30% 70% 40%;animation-duration:20s;animation-delay:-15s}.shape-5{width:90px;height:90px;top:60%;left:5%;border-radius:10px;animation-duration:40s;animation-delay:-20s}@keyframes floatShape{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(30px,-20px) rotate(120deg) scale(1.1)}66%{transform:translate(-20px,30px) rotate(240deg) scale(.9)}}.reset-password-container{max-width:500px;width:100%;padding:40px;background:#fffffff2;border-radius:25px;box-shadow:0 25px 50px #0003,inset 0 0 0 1px #ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;position:relative;transform:translateY(50px) scale(.9);opacity:0;transition:all 1s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden}.reset-password-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4a6fff,#6a11cb,#ff6b6b);animation:borderFlow 3s infinite linear}@keyframes borderFlow{0%{background-position:-100px 0}to{background-position:100px 0}}.reset-password-container.animate-in{transform:translateY(0) scale(1);opacity:1}.header-section{text-align:center;margin-bottom:40px}.animated-lock{width:100px;height:100px;margin:0 auto 25px;position:relative;animation:lockFloat 4s infinite ease-in-out}@keyframes lockFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(5deg)}75%{transform:translateY(5px) rotate(-5deg)}}.lock-body{width:70px;height:50px;background:linear-gradient(135deg,#4a6fff,#6a11cb);border-radius:12px;position:absolute;top:25px;left:15px;box-shadow:0 10px 30px #4a6fff66,inset 0 0 20px #ffffff4d;overflow:hidden}.lock-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shineMove 2s infinite linear}@keyframes shineMove{0%{left:-100%}to{left:200%}}.lock-sparkle{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;top:10px;left:20px;filter:blur(1px);animation:sparkleTwinkle 1.5s infinite alternate}.lock-shackle{width:30px;height:40px;border:8px solid #4a6fff;border-radius:20px 20px 0 0;position:absolute;top:0;left:35px;border-bottom:none;animation:shackleBounce 3s infinite ease-in-out}.shackle-shine{position:absolute;top:5px;left:5px;right:5px;height:15px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);border-radius:5px;animation:shackleShine 2s infinite linear}@keyframes shackleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shackleShine{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.1)}}.lock-keyhole{width:10px;height:15px;background:#fff;border-radius:5px;position:absolute;top:40px;left:45px;box-shadow:0 0 10px #ffffff80}.keyhole-glow{position:absolute;width:20px;height:20px;background:#ffffff4d;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:keyholeGlow 2s infinite alternate}@keyframes keyholeGlow{0%{opacity:.3;transform:translate(-50%,-50%) scale(.8)}to{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.lock-particles{position:absolute;width:100%;height:100%}.lock-particle{position:absolute;width:6px;height:6px;background:#fffc;border-radius:50%;animation:lockParticleFloat 4s infinite linear}.lock-particle:nth-child(1){top:10px;left:10px;animation-delay:0s}.lock-particle:nth-child(2){top:20px;right:10px;animation-delay:-1.3s}.lock-particle:nth-child(3){bottom:10px;left:30px;animation-delay:-2.6s}@keyframes lockParticleFloat{0%,to{transform:translate(0);opacity:0}25%{transform:translate(10px,-10px);opacity:1}50%{transform:translateY(-20px);opacity:0}75%{transform:translate(-10px,-10px);opacity:1}}.title-wrapper{position:relative}.reset-password-title{font-size:32px;font-weight:800;margin-bottom:10px;background:linear-gradient(135deg,#4a6fff,#6a11cb,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;display:flex;justify-content:center;flex-wrap:wrap;gap:2px}.title-char{display:inline-block;animation:charPop .5s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0;transform:translateY(20px)}.title-char:nth-child(1){animation-delay:.1s}.title-char:nth-child(2){animation-delay:.2s}.title-char:nth-child(3){animation-delay:.3s}.title-char:nth-child(4){animation-delay:.4s}.title-char:nth-child(5){animation-delay:.5s}.title-char:nth-child(6){animation-delay:.6s}.title-char:nth-child(7){animation-delay:.7s}.title-char:nth-child(8){animation-delay:.8s}.title-char:nth-child(9){animation-delay:.9s}.title-char:nth-child(10){animation-delay:1s}.title-char:nth-child(11){animation-delay:1.1s}.title-char:nth-child(12){animation-delay:1.2s}.title-char:nth-child(13){animation-delay:1.3s}.title-char:nth-child(14){animation-delay:1.4s}.title-char:nth-child(15){animation-delay:1.5s}.title-char:nth-child(16){animation-delay:1.6s}.title-char:nth-child(17){animation-delay:1.7s}.title-char:nth-child(18){animation-delay:1.8s}.title-char:nth-child(19){animation-delay:1.9s}.title-char:nth-child(20){animation-delay:2s}.title-char:nth-child(21){animation-delay:2.1s}@keyframes charPop{to{opacity:1;transform:translateY(0)}}.subtitle{font-size:16px;color:#666;text-align:center;position:relative;display:inline-block}.subtitle-text{animation:typing 3s steps(40,end) forwards;overflow:hidden;white-space:nowrap;display:inline-block;width:0}.typing-cursor{display:inline-block;animation:blink 1s infinite;margin-left:2px}@keyframes typing{to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.message-container{position:relative;padding:20px;border-radius:15px;margin-bottom:30px;animation:messageSlide .5s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;box-shadow:0 10px 30px #0000001a}@keyframes messageSlide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.message-container.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:5px solid #155724}.message-container.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:5px solid #721c24}.message-icon-wrapper{position:relative;display:inline-block;margin-right:15px;vertical-align:middle}.message-icon{font-size:24px;animation:iconBounce 2s infinite}.icon-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:2px solid;border-radius:50%;animation:ringPulse 2s infinite}.message-container.success .icon-ring{border-color:#155724}.message-container.error .icon-ring{border-color:#721c24}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes ringPulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.message-text{display:inline-block;vertical-align:middle;font-weight:600;margin:0;flex:1}.message-particles{position:absolute;inset:0;pointer-events:none}.message-particle{position:absolute;width:8px;height:8px;border-radius:50%;animation:messageParticle 2s infinite linear}.message-container.success .message-particle{background:#1557244d}.message-container.error .message-particle{background:#721c244d}.message-particle:nth-child(1){top:10%;left:10%;animation-delay:0s}.message-particle:nth-child(2){top:20%;right:15%;animation-delay:-.5s}.message-particle:nth-child(3){bottom:30%;left:20%;animation-delay:-1s}.message-particle:nth-child(4){bottom:20%;right:10%;animation-delay:-1.5s}.message-particle:nth-child(5){top:50%;left:50%;animation-delay:-2s}@keyframes messageParticle{0%,to{transform:translate(0) scale(1);opacity:0}50%{transform:translate(10px,-10px) scale(1.5);opacity:1}}.reset-password-form{position:relative}.reset-password-form.shake{animation:formShake .5s ease-in-out}@keyframes formShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.form-group{margin-bottom:30px;position:relative}.animated-input{animation:inputAppear .6s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0;transform:translateY(20px)}.animated-input:nth-child(1){animation-delay:.2s}.animated-input:nth-child(2){animation-delay:.4s}@keyframes inputAppear{to{opacity:1;transform:translateY(0)}}.input-decoration{position:absolute;inset:0;pointer-events:none;z-index:1}.input-highlight{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,111,255,.1),transparent);animation:highlightSlide 3s infinite linear}@keyframes highlightSlide{0%{left:-100%}to{left:100%}}.input-sparkles{position:absolute;inset:0}.sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;filter:blur(.5px);animation:sparkleTwinkle 1.5s infinite alternate}.sparkle:nth-child(1){top:10px;left:20px;animation-delay:0s}.sparkle:nth-child(2){top:30px;right:15px;animation-delay:-.5s}.sparkle:nth-child(3){bottom:15px;left:30px;animation-delay:-1s}@keyframes sparkleTwinkle{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.floating-label{position:absolute;top:18px;left:15px;color:#666;font-weight:500;font-size:16px;pointer-events:none;transition:all .3s ease;background:#fff;padding:0 10px;border-radius:20px;display:flex;align-items:center;gap:8px;z-index:2}.label-icon{animation:iconWiggle 2s infinite}@keyframes iconWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.password-input-wrapper{position:relative}.form-input{width:100%;padding:20px 50px 20px 20px;border:2px solid #e0e0e0;border-radius:15px;font-size:16px;transition:all .3s ease;background:#fff;box-sizing:border-box;position:relative;z-index:1}.form-input:focus{outline:none;border-color:#4a6fff;box-shadow:0 0 0 4px #4a6fff33,0 10px 20px #4a6fff1a}.form-input.glow{animation:inputGlow 1.5s ease}@keyframes inputGlow{0%,to{box-shadow:0 0 5px #4a6fff33}50%{box-shadow:0 0 20px #4a6fff99}}.form-input:focus+.floating-label,.form-input:not(:placeholder-shown)+.floating-label{top:-12px;font-size:14px;color:#4a6fff;font-weight:600;box-shadow:0 5px 15px #0000001a}.form-input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.input-effects{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:15px;overflow:hidden}.input-wave{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#4a6fff,transparent);transform:scaleX(0);transition:transform .3s ease}.form-input:focus~.input-effects .input-wave{animation:waveExpand .8s ease}@keyframes waveExpand{0%{transform:scaleX(0);opacity:1}to{transform:scaleX(1);opacity:0}}.input-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(74,111,255,.1) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}.form-input:focus~.input-effects .input-glow{opacity:1;animation:glowPulse 2s infinite}@keyframes glowPulse{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.1)}}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;z-index:2;display:flex;align-items:center;justify-content:center}.password-toggle:hover:not(:disabled){background:#4a6fff1a;transform:translateY(-50%) scale(1.1)}.password-toggle.pulse{animation:togglePulse .3s ease}@keyframes togglePulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.3)}}.toggle-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:2px solid #4a6fff;border-radius:50%;opacity:0}.password-toggle:hover .toggle-ring{animation:ringExpand .6s ease}@keyframes ringExpand{0%{width:40px;height:40px;opacity:.5}to{width:50px;height:50px;opacity:0}}.password-strength-animated{margin-top:15px;animation:strengthAppear .5s ease}@keyframes strengthAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.strength-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:600;color:#666}.strength-pulse{width:10px;height:10px;border-radius:50%;animation:strengthPulse 2s infinite}@keyframes strengthPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.strength-bar-container{display:flex;align-items:center;gap:15px}.strength-bar-background{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}.strength-bar-fill{height:100%;border-radius:4px;position:relative;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.strength-bar-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:barShine 2s infinite linear}@keyframes barShine{0%{left:-100%}to{left:200%}}.strength-bar-sparkles{position:absolute;inset:0}.strength-value{font-size:14px;font-weight:700;min-width:40px;text-align:right;animation:valuePop .3s ease}@keyframes valuePop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.strength-text-animated{display:flex;justify-content:space-between;margin-top:8px;font-size:12px}.strength-word{padding:4px 8px;border-radius:10px;color:#999;transition:all .3s ease}.strength-word.active{color:#fff;font-weight:600;padding:4px 12px;animation:wordHighlight .5s ease}@keyframes wordHighlight{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.password-requirements{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.requirement{display:flex;align-items:center;gap:8px;font-size:12px;color:#999;transition:all .3s ease}.requirement.met{color:#2ed573}.requirement-check{width:16px;height:16px;border:2px solid #e0e0e0;border-radius:50%;position:relative;transition:all .3s ease}.requirement.met .requirement-check{background:#2ed573;border-color:#2ed573;animation:checkPop .3s ease}.requirement.met .requirement-check:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}@keyframes checkPop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.password-match-animated{margin-top:15px;padding:12px;border-radius:12px;display:flex;align-items:center;gap:12px;animation:matchAppear .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}@keyframes matchAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-match-animated.match{background:#2ed5731a;border:1px solid rgba(46,213,115,.3)}.password-match-animated.no-match{background:#ff47571a;border:1px solid rgba(255,71,87,.3)}.match-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;animation:iconSpin .5s ease}@keyframes iconSpin{0%{transform:rotate(-180deg) scale(0)}to{transform:rotate(0) scale(1)}}.password-match-animated.match .match-icon{background:#2ed573;color:#fff}.password-match-animated.no-match .match-icon{background:#ff4757;color:#fff}.match-text{flex:1;font-size:14px;font-weight:500}.match-particles{position:absolute;inset:0;pointer-events:none}.match-particle,.mismatch-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:matchParticleFloat 1.5s infinite ease-in-out}.match-particle{background:#2ed57399}.mismatch-particle{background:#ff475799}.match-particle:nth-child(1),.mismatch-particle:nth-child(1){top:20%;left:10%;animation-delay:0s}.match-particle:nth-child(2),.mismatch-particle:nth-child(2){top:60%;right:15%;animation-delay:-.5s}.match-particle:nth-child(3),.mismatch-particle:nth-child(3){bottom:30%;left:20%;animation-delay:-1s}@keyframes matchParticleFloat{0%,to{transform:translateY(0) scale(1);opacity:0}50%{transform:translateY(-10px) scale(1.5);opacity:1}}.submit-button-animated{width:100%;padding:0;border:none;border-radius:15px;cursor:pointer;font-size:16px;font-weight:600;position:relative;overflow:hidden;margin-top:20px;transition:all .3s ease;background:transparent;height:56px}.submit-button-animated:disabled{cursor:not-allowed;opacity:.7}.submit-button-animated:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 20px 40px #4a6fff66}.submit-button-animated:not(:disabled):active{transform:translateY(-1px)}.button-background{position:absolute;inset:0;background:linear-gradient(135deg,#4a6fff,#6a11cb,#ff6b6b);background-size:200% 200%;animation:gradientShift 3s infinite linear;border-radius:15px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.button-gradient{position:absolute;inset:1px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff1a);border-radius:14px}.button-shine{position:absolute;top:-100%;left:-100%;width:50%;height:200%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transform:rotate(30deg);animation:buttonShine 3s infinite linear}@keyframes buttonShine{0%{top:-100%;left:-100%}to{top:100%;left:100%}}.button-particles{position:absolute;inset:0}.button-particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;filter:blur(.5px);animation:buttonParticleFloat 2s infinite linear}.button-particle:nth-child(1){top:20%;left:10%;animation-delay:0s}.button-particle:nth-child(2){top:60%;left:30%;animation-delay:-.5s}.button-particle:nth-child(3){top:40%;right:20%;animation-delay:-1s}@keyframes buttonParticleFloat{0%,to{transform:translateY(0) scale(1);opacity:0}50%{transform:translateY(-20px) scale(1.5);opacity:1}}.button-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;height:100%;padding:0 20px;color:#fff}.button-icon{animation:keyFloat 2s infinite ease-in-out}@keyframes keyFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}.button-text{transition:all .3s ease}.submit-button-animated.loading .button-text{opacity:0}.button-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;z-index:3}.submit-button-animated.loading .button-loader{opacity:1}.loader-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.loader-orbits{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.2);border-radius:50%}.orbit-1{width:40px;height:40px;animation:orbitSpin 3s infinite linear}.orbit-2{width:50px;height:50px;animation:orbitSpin 4s infinite linear reverse}.orbit-3{width:60px;height:60px;animation:orbitSpin 5s infinite linear}@keyframes orbitSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.button-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#ffffff4d;opacity:0}.submit-button-animated:not(:disabled):active .button-ripple{animation:rippleEffect .6s ease}@keyframes rippleEffect{0%{width:0;height:0;opacity:1}to{width:200px;height:200px;opacity:0}}.button-sparkle{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.submit-button-animated:not(:disabled):hover .button-sparkle{animation:sparkleBurst .6s ease}@keyframes sparkleBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.form-footer-animated{margin-top:30px;text-align:center;position:relative}.footer-line{position:relative;height:1px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent);margin:20px 0}.line-dot{position:absolute;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#4a6fff;border-radius:50%;animation:dotMove 3s infinite linear}.line-dot:nth-child(1){left:10%;animation-delay:0s}.line-dot:nth-child(2){left:50%;animation-delay:-1s}.line-dot:nth-child(3){left:90%;animation-delay:-2s}@keyframes dotMove{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.5)}}.footer-text{color:#666;font-size:14px;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.link-button-animated{background:none;border:none;color:#4a6fff;font-weight:600;cursor:pointer;padding:5px 10px;border-radius:8px;position:relative;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.link-button-animated:hover{color:#6a11cb;background:#4a6fff1a}.link-text{position:relative;z-index:2}.link-arrow{position:relative;z-index:2;animation:arrowBounce 2s infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.link-underline{position:absolute;bottom:0;left:0;right:0;height:2px;background:#4a6fff;transform:scaleX(0);transition:transform .3s ease;border-radius:1px}.link-button-animated:hover .link-underline{transform:scaleX(1);animation:underlinePulse 1s infinite}@keyframes underlinePulse{0%,to{opacity:1}50%{opacity:.5}}.link-sparkles{position:absolute;inset:0;pointer-events:none}.link-sparkles .sparkle{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;filter:blur(.5px);animation:linkSparkle 1s infinite linear}.link-sparkles .sparkle:nth-child(1){top:20%;left:10%;animation-delay:0s}.link-sparkles .sparkle:nth-child(2){top:60%;right:15%;animation-delay:-.3s}.link-sparkles .sparkle:nth-child(3){bottom:30%;left:20%;animation-delay:-.6s}@keyframes linkSparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:1000}.confetti{position:absolute;animation:confettiFall 3s linear forwards}@keyframes confettiFall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.error-particle{position:absolute;width:6px;height:6px;background:#ff4757;border-radius:50%;animation:errorParticle 1s ease-out forwards;pointer-events:none;z-index:100}@keyframes errorParticle{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx, 0),var(--ty, 0)) scale(0);opacity:0}}.load-particle{position:absolute;width:4px;height:4px;background:#4a6fff;border-radius:50%;animation:loadParticle 1s ease-out forwards;pointer-events:none;z-index:100}@keyframes loadParticle{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx, 0),var(--ty, 0)) scale(0);opacity:0}}@media (max-width: 576px){.reset-password-container{padding:25px 20px;margin:15px}.reset-password-title{font-size:24px}.animated-lock{width:70px;height:70px}.lock-body{width:50px;height:35px;top:17px;left:10px}.lock-shackle{width:25px;height:30px;left:22px}.lock-keyhole{top:28px;left:30px}.password-requirements{grid-template-columns:1fr}.footer-text{flex-direction:column;gap:10px}}