:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#a855f7;text-decoration:inherit;transition:color .3s ease}a:hover{color:#c084fc;text-shadow:0 0 10px rgba(168,85,247,.5)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#4a1b6b,#5b2a7f)}h1{font-size:3.2em;line-height:1.1;color:#fff;text-shadow:0 0 15px rgba(168,85,247,.4)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background:linear-gradient(135deg,#8b5cf6,#9333ea);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d}button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#a855f7;transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}button:focus,button:focus-visible{outline:2px solid #A855F7;outline-offset:2px;box-shadow:0 0 0 4px #a855f733}@media (prefers-color-scheme: light){:root{color:#1a1a2e;background-color:#f8fafc}body{background:linear-gradient(135deg,#f3e8ff,#faf5ff)}h1{color:#1a1a2e;text-shadow:0 0 10px rgba(139,92,246,.2)}a{color:#7c3aed}a:hover{color:#9333ea}button{background:linear-gradient(135deg,#8b5cf6,#9333ea);color:#fff}button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}}.card{background:#1e1432e6;border:1px solid rgba(168,85,247,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glow-text{color:#c084fc;text-shadow:0 0 10px rgba(168,85,247,.5)}.accent-cyan{color:#06b6d4}.accent-pink{color:#ec4899}.accent-orange{color:#f59e0b}.gradient-text{background:linear-gradient(135deg,#a855f7,#ec4899,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}#root{width:100%;min-height:100vh;overflow-x:hidden}.App{width:100%;max-width:100vw;overflow-x:hidden;position:relative}.debugging-page,.dashboard-page,.home-page,.login-page{width:100%;overflow-x:hidden}.debugging-container{width:100%;max-width:100%;padding:20px;box-sizing:border-box}.code-editors-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:100%;box-sizing:border-box}.code-editor{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.code-textarea{width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 1024px){.code-editors-container{grid-template-columns:1fr}}.debugging-page{min-height:100vh;background:linear-gradient(135deg,#4a1b6b,#5b2a7f)}.welcome-section{background:#1e1432f2;padding:30px;border-radius:15px;margin-bottom:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,85,247,.2)}.welcome-section h1{font-size:2rem;color:#fff;margin-bottom:10px;text-shadow:0 0 10px rgba(168,85,247,.3)}.welcome-section p{color:#c084fc;font-size:1.1rem}.current-selection{display:flex;gap:10px;justify-content:center;margin-top:15px}.badge{background:linear-gradient(135deg,#a855f7,#c084fc);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px #a855f74d}.action-buttons{display:flex;justify-content:space-between;margin-bottom:20px;gap:10px}.btn-back,.btn-hint{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back{background:linear-gradient(135deg,#2d1b4e,#1e1432);color:#c084fc;border:1px solid rgba(168,85,247,.3)}.btn-back:hover{background:linear-gradient(135deg,#1e1432,#0a0a0f);transform:translateY(-2px);box-shadow:0 5px 15px #a855f733}.btn-hint{background:linear-gradient(135deg,#8b5cf6,#9333ea);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-hint:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-hint:disabled{background:#2d1b4e;color:#5b2a7f;cursor:not-allowed;box-shadow:none}.validation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0ff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.spinner{width:50px;height:50px;border:5px solid rgba(30,20,50,.3);border-top:5px solid #A855F7;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #a855f780}.validation-overlay p{color:#c084fc;font-size:1.2rem;margin-top:20px;text-shadow:0 0 10px rgba(168,85,247,.3)}.code-editor{background:#1e1432e6;border:1px solid rgba(168,85,247,.2);border-radius:8px}.code-editor:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.debugging-page:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#A855F7,#C084FC,#8B5CF6,transparent);opacity:.5}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#4a1b6b,#5b2a7f);min-height:100vh;position:relative}.page-container{min-height:100vh;position:relative;padding-top:70px}@media (max-width: 768px){.page-container{padding-top:60px}}.home-page{min-height:100vh}.hero-section{padding-top:40px}@supports (padding: max(0px)){.navbar{padding-top:max(10px,env(safe-area-inset-top));height:calc(var(--navbar-height-desktop) + env(safe-area-inset-top))}@media (max-width: 768px){.navbar,.navbar-spacer{height:calc(var(--navbar-height-mobile) + env(safe-area-inset-top))}.nav-links,.mobile-menu-overlay{top:calc(var(--navbar-height-mobile) + env(safe-area-inset-top))}}}:root{--navbar-height-desktop: 70px;--navbar-height-mobile: 60px;--transition-medium: .3s ease-in-out;--transition-slow: 1.2s cubic-bezier(.68, -.55, .265, 1.55)}.navbar{background:#0a0a0ff2;box-shadow:0 2px 20px #a855f726;position:fixed;top:0;left:0;right:0;z-index:1000;padding:clamp(10px,2vw,15px) 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(168,85,247,.1);width:100%;height:var(--navbar-height-desktop)}.nav-container{max-width:1400px;margin:0 auto;padding:0 clamp(15px,3vw,20px);display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;background:none;border:none;padding:10px;z-index:1002}.hamburger .bar{width:25px;height:3px;background:#c084fc;border-radius:2px;transition:var(--transition-medium)}.hamburger.active .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}body.menu-open{overflow:hidden}.nav-links{display:flex;align-items:center;gap:clamp(10px,2vw,15px);transition:all .3s ease}.nav-link{padding:clamp(8px,1.5vw,10px) clamp(15px,2.5vw,20px);background:none;border:none;font-size:clamp(.9rem,1.5vw,1rem);font-weight:600;color:#c084fc;cursor:pointer;transition:all .3s ease;border-radius:8px;position:relative;white-space:nowrap;text-align:center;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:2px;transition:width .3s ease}.nav-link:hover{color:#fff;background:#a855f71a}.nav-link:hover:before{width:80%}.nav-link.login{background:linear-gradient(135deg,#8b5cf6,#9333ea);color:#fff;border:none;box-shadow:0 4px 15px #8b5cf64d}.nav-link.login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680;background:linear-gradient(135deg,#7c3aed,#822ce9)}.nav-link.logout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;box-shadow:0 4px 15px #ef44444d;min-width:90px}.nav-link.logout:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.nav-logo{display:flex;align-items:center;gap:clamp(8px,1.5vw,10px);cursor:pointer;transition:all .3s ease;flex-shrink:0;position:relative;overflow:visible}.logo-circle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#c084fc);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 0 30px #a855f780;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.logo-circle-inner{width:42px;height:42px;border-radius:50%;background:#0a0a0f;display:flex;align-items:center;justify-content:center;position:relative}.logo-circle-content{width:30px;height:30px;position:relative;display:flex;align-items:center;justify-content:center}.laptop-screen{width:20px;height:15px;background:linear-gradient(135deg,#1a1a2e,#0f0f1a);border-radius:3px;border:1px solid #A855F7;position:relative;overflow:hidden;transform:perspective(100px) rotateX(10deg)}.laptop-screen:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#a855f7,#c084fc)}.code-line{position:absolute;font-size:6px;color:#a855f7;animation:blink 2s infinite;opacity:.8}.code-line.line-1{top:3px;left:3px;animation-delay:0s}.code-line.line-2{top:3px;right:3px;animation-delay:.5s}.code-line.line-3{bottom:3px;left:3px;animation-delay:1s}.code-line.line-4{bottom:3px;right:3px;animation-delay:1.5s}.laptop-base{position:absolute;bottom:-5px;left:0;right:0;height:3px;background:#2d2d3e;border-radius:2px}.laptop-keyboard{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:25px;height:4px;background:#33334d;border-radius:2px}.logo-text-container{display:flex;align-items:center;height:40px;position:relative;min-width:160px;gap:8px}.logo-text{font-size:1.5rem;font-weight:800;white-space:nowrap;position:relative;transition:all .8s cubic-bezier(.68,-.55,.265,1.55);opacity:0;transform:translate(-20px)}.word-master{background:linear-gradient(135deg,#06b6d4,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 15px rgba(6,182,212,.3);order:2}.word-debug{background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 15px rgba(168,85,247,.3);order:1}.logo-text.reversed{transform:scaleX(-1);filter:blur(1px);opacity:.7}.logo-text.correct{transform:scaleX(1);filter:blur(0);opacity:1}.logo-text.visible{opacity:1;transform:translate(0)}.word-master.visible{animation:slideFromBehindRight 1.2s cubic-bezier(.68,-.55,.265,1.55) forwards}.word-debug.visible{animation:slideFromBehindLeft 1.2s cubic-bezier(.68,-.55,.265,1.55) forwards}.logo-complete .word-master.correct{animation:masterFinalPulse 3s ease-in-out infinite}.logo-complete .word-debug.correct{animation:debugFinalPulse 3s ease-in-out infinite .5s}.logo-spinning .logo-circle{animation:spin .5s linear infinite}.logo-exploding .logo-circle{animation:explode .8s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes flipFromReversed{0%{transform:scaleX(-1) translateY(0);opacity:.7;filter:blur(1px)}50%{transform:scaleX(0) translateY(-10px);opacity:.5;filter:blur(2px)}to{transform:scaleX(1) translateY(0);opacity:1;filter:blur(0)}}@keyframes slideFromBehindRight{0%{transform:translate(60px) scaleX(-1);opacity:0;filter:blur(3px)}60%{transform:translate(10px) scaleX(-1);opacity:.8;filter:blur(1px)}to{transform:translate(0) scaleX(1);opacity:1;filter:blur(0)}}@keyframes slideFromBehindLeft{0%{transform:translate(-60px) scaleX(-1);opacity:0;filter:blur(3px)}60%{transform:translate(-10px) scaleX(-1);opacity:.8;filter:blur(1px)}to{transform:translate(0) scaleX(1);opacity:1;filter:blur(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes explode{0%{transform:scale(1) rotate(0);box-shadow:0 0 30px #a855f780}30%{transform:scale(1.5) rotate(180deg);box-shadow:0 0 100px #a855f7cc}70%{transform:scale(.8) rotate(360deg);box-shadow:0 0 150px #a855f7}to{transform:scale(1) rotate(360deg);box-shadow:0 0 30px #a855f780}}@keyframes blink{0%,to{opacity:.8}50%{opacity:.2}}@keyframes masterFinalPulse{0%,to{text-shadow:0 0 10px rgba(6,182,212,.3);transform:translateY(0)}50%{text-shadow:0 0 20px rgba(6,182,212,.6),0 0 30px rgba(6,182,212,.4);transform:translateY(-2px)}}@keyframes debugFinalPulse{0%,to{text-shadow:0 0 10px rgba(168,85,247,.3);transform:translateY(0)}50%{text-shadow:0 0 20px rgba(168,85,247,.6),0 0 30px rgba(168,85,247,.4);transform:translateY(-2px)}}@keyframes screenGlow{0%,to{box-shadow:0 0 5px #a855f74d}50%{box-shadow:0 0 15px #a855f7cc,inset 0 0 10px #a855f733}}.logo-complete .laptop-screen{animation:screenGlow 3s ease-in-out infinite}.logo-complete:hover .logo-circle{transform:scale(1.1);box-shadow:0 0 50px #a855f7cc}@media (max-width: 768px){.navbar{height:var(--navbar-height-mobile)}.hamburger{display:flex}.nav-links{position:fixed;top:var(--navbar-height-mobile);left:-100%;width:100%;height:calc(100vh - var(--navbar-height-mobile));background:#0a0a0ffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:40px;transition:left var(--transition-medium);box-shadow:0 4px 16px #00000026;z-index:1001;overflow-y:auto}.nav-links.open{left:0}.nav-link{font-size:1.1rem;padding:16px 0;width:80%;text-align:center;margin-bottom:8px}.logo-circle{width:40px;height:40px}.logo-circle-inner{width:34px;height:34px}.logo-circle-content{width:24px;height:24px}.laptop-screen{width:16px;height:12px}.logo-text{font-size:1.2rem}.logo-text-container{min-width:140px;height:35px}@keyframes slideFromBehindRight{0%{transform:translate(40px) scaleX(-1);opacity:0}to{transform:translate(0) scaleX(1);opacity:1}}@keyframes slideFromBehindLeft{0%{transform:translate(-40px) scaleX(-1);opacity:0}to{transform:translate(0) scaleX(1);opacity:1}}}@media (max-width: 480px){.navbar{padding:8px 0}.nav-container{padding:0 12px}.nav-links{padding-top:30px}.nav-link{max-width:90%;padding:14px 0;font-size:1rem}.hamburger{padding:8px}.hamburger .bar{width:22px;height:2.5px}.logo-circle{width:36px;height:36px}.logo-circle-inner{width:30px;height:30px}.logo-circle-content{width:22px;height:22px}.laptop-screen{width:14px;height:11px}.logo-text{font-size:1.1rem}.logo-text-container{min-width:130px;height:32px}}@media (max-width: 320px){.nav-container{padding:0 10px}.nav-links{padding-top:25px}.nav-link{padding:12px 0;font-size:.95rem}.logo-text{font-size:1rem}.logo-text-container{min-width:120px}}@media (prefers-reduced-motion: reduce){.navbar,.nav-link,.hamburger,.nav-links,.logo-spinning .logo-circle,.logo-exploding .logo-circle,.logo-text,.logo-text.reversed,.logo-text.correct,.logo-text.visible,.logo-complete .word-master,.logo-complete .word-debug,.logo-complete .laptop-screen{animation:none!important;transition-duration:.01ms!important}.logo-text.reversed{transform:scaleX(1);filter:none}.logo-text.correct,.logo-text.visible{opacity:1;transform:none}}.nav-link:focus,.hamburger:focus{outline:2px solid rgba(168,85,247,.5);outline-offset:2px}@media (prefers-color-scheme: dark){.logo-circle-inner{background:#05050a}.laptop-screen{background:linear-gradient(135deg,#0f0f1a,#05050a)}}.footer{background:linear-gradient(135deg,#0a0a0f,#1a1a2e);color:#c084fc;padding:80px 20px 30px;margin-top:100px;position:relative;overflow:hidden;transition:all .3s ease}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a855f7,#c084fc,#8b5cf6,#06b6d4,#ec4899);border-radius:0 0 4px 4px}.footer-container{max-width:1200px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;position:relative;z-index:1;transition:all .3s ease}@media (min-width: 1024px){.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}.footer-section{flex:1;min-width:200px;max-width:280px}.footer-section:first-child{flex:1.5;min-width:250px;max-width:350px}.footer-section:last-child{flex:.8;min-width:180px}}.footer-section h3,.footer-section h4{color:#fff;margin-bottom:25px;font-size:1.3rem;font-weight:700;text-shadow:0 0 10px rgba(168,85,247,.3);position:relative;padding-bottom:10px;line-height:1.3}.footer-section h3:after,.footer-section h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:2px;transition:width .3s ease}.footer-section:hover h3:after,.footer-section:hover h4:after{width:60px}.footer-logo{display:flex;align-items:center;gap:12px;font-size:1.6rem;font-weight:800;margin-bottom:20px;transition:all .3s ease}.logo-icon{font-size:2rem;background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{color:#c084fc;line-height:1.7;margin-bottom:25px;font-size:1rem;transition:font-size .3s ease}.contact-info{display:flex;flex-direction:column;gap:15px;margin-top:20px}.contact-item{display:flex;align-items:center;gap:12px;color:#c084fc;font-size:.95rem;transition:all .3s ease}.contact-item i{color:#a855f7;font-size:1.2rem;width:24px;flex-shrink:0}.contact-item:hover{color:#fff;transform:translate(5px)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:15px;position:relative;padding-left:20px;transition:all .3s ease}.footer-links li:before{content:"→";position:absolute;left:0;color:#a855f7;font-size:.9rem;transition:transform .3s ease}.footer-links a{color:#c084fc;text-decoration:none;transition:all .3s ease;font-size:1rem;display:inline-block}.footer-links a:hover{color:#fff;transform:translate(5px)}.footer-links li:hover:before{transform:translate(3px)}.social-links{display:flex;gap:15px;margin-top:25px;flex-wrap:wrap}.social-link{width:45px;height:45px;border-radius:12px;background:#1e143299;color:#c084fc;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:all .3s ease;text-decoration:none;border:1px solid rgba(168,85,247,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-link:hover{background:linear-gradient(135deg,#8b5cf6,#9333ea);color:#fff;transform:translateY(-5px);box-shadow:0 8px 25px #8b5cf666;border-color:transparent}.newsletter-form{margin-top:20px}.newsletter-input{width:100%;padding:14px 20px;border-radius:10px;border:1px solid rgba(168,85,247,.3);background:#1e143299;color:#fff;font-size:1rem;margin-bottom:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.newsletter-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.btn-newsletter{background:linear-gradient(135deg,#a855f7,#c084fc);color:#fff;border:none;padding:14px 30px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;width:100%}.btn-newsletter:hover{background:linear-gradient(135deg,#8b5cf6,#9333ea);transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.footer-bottom{text-align:center;padding-top:40px;border-top:1px solid rgba(168,85,247,.2);color:#8b5cf6;font-size:.95rem;position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;transition:all .3s ease}.footer-bottom a{color:#a855f7;text-decoration:none;transition:all .3s ease}.footer-bottom a:hover{color:#fff;text-decoration:underline}.copyright{color:#c084fc}.footer-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.decoration-circle{position:absolute;border-radius:50%;filter:blur(30px);opacity:.1;transition:opacity .3s ease}.decoration-circle:nth-child(1){width:200px;height:200px;background:linear-gradient(135deg,#a855f7,#c084fc);top:20%;left:10%}.decoration-circle:nth-child(2){width:150px;height:150px;background:linear-gradient(135deg,#06b6d4,#22d3ee);bottom:30%;right:15%}@media (min-width: 1600px){.footer-container{max-width:1400px;gap:60px}.footer{padding:100px 40px 40px}.footer-bottom{padding-top:50px}}@media (max-width: 1600px){.footer-container{max-width:1200px}.footer{padding:80px 30px 30px}}@media (max-width: 1440px){.footer-container{max-width:1100px;gap:45px}.footer-section h3,.footer-section h4{font-size:1.2rem}.footer-description{font-size:.95rem}.social-link{width:42px;height:42px;font-size:1.2rem}}@media (max-width: 1200px){.footer-container{max-width:100%;padding:0 30px;gap:40px}.footer{padding:70px 25px 25px;margin-top:80px}.social-links{justify-content:flex-start}.decoration-circle:nth-child(1){width:150px;height:150px;left:5%}.decoration-circle:nth-child(2){width:120px;height:120px;right:8%}}@media (max-width: 1024px){.footer-container{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;padding:0 20px}.footer-section:nth-child(3),.footer-section:nth-child(4){margin-top:10px}.footer{padding:60px 20px 25px}.footer-section h3,.footer-section h4{font-size:1.15rem;margin-bottom:20px}.footer-logo{font-size:1.5rem}.logo-icon{font-size:1.8rem}.footer-description{font-size:.9rem;line-height:1.6}.contact-item{font-size:.9rem}.footer-links a{font-size:.95rem}.newsletter-input{padding:12px 18px;font-size:.95rem}.btn-newsletter{padding:12px 25px;font-size:.95rem}.decoration-circle:nth-child(1),.decoration-circle:nth-child(2){opacity:.05}}@media (max-width: 768px){.footer{padding:50px 20px 20px;margin-top:60px}.footer-container{display:grid;grid-template-columns:1fr;gap:40px;text-align:center;padding:0}.footer-section{width:100%;max-width:400px;margin-left:auto;margin-right:auto}.footer-section h3:after,.footer-section h4:after{left:50%;transform:translate(-50%)}.footer-section:hover h3:after,.footer-section:hover h4:after{width:40px}.footer-logo{justify-content:center;font-size:1.4rem}.logo-icon{font-size:1.7rem}.footer-description{font-size:.9rem;text-align:center}.footer-links li{padding-left:0;text-align:center}.footer-links li:before{display:none}.footer-links a:hover{transform:none}.contact-info{align-items:center}.contact-item{justify-content:center;text-align:center}.contact-item:hover{transform:none}.social-links{justify-content:center;gap:12px}.social-link{width:40px;height:40px;font-size:1.1rem}.newsletter-form{max-width:400px;margin-left:auto;margin-right:auto}.newsletter-input{text-align:center}.footer-bottom{padding-top:35px;font-size:.9rem}.decoration-circle:nth-child(1),.decoration-circle:nth-child(2){display:none}}@media (max-width: 576px){.footer{padding:40px 15px 20px;margin-top:50px}.footer-container{gap:35px}.footer-section{max-width:350px}.footer-section h3,.footer-section h4{font-size:1.1rem;margin-bottom:18px}.footer-logo{font-size:1.3rem;gap:10px}.logo-icon{font-size:1.6rem}.footer-description{font-size:.85rem}.contact-item{font-size:.85rem;gap:10px}.contact-item i{font-size:1rem}.footer-links a{font-size:.9rem}.social-links{gap:10px}.social-link{width:38px;height:38px;font-size:1rem}.newsletter-input{padding:11px 16px;font-size:.9rem}.btn-newsletter{padding:11px 22px;font-size:.9rem}.footer-bottom{padding-top:30px;font-size:.85rem;gap:8px}}@media (max-width: 425px){.footer{padding:35px 12px 18px}.footer-container{gap:30px}.footer-section{max-width:300px}.footer-section h3,.footer-section h4{font-size:1rem}.footer-logo{font-size:1.2rem}.footer-links li{margin-bottom:12px}.social-link{width:36px;height:36px;font-size:.95rem}.newsletter-form{max-width:320px}.footer-bottom{font-size:.8rem}}@media (max-width: 375px){.footer{padding:30px 10px 15px;margin-top:40px}.footer-container{gap:25px}.footer-section{max-width:280px}.footer-logo{font-size:1.1rem;gap:8px}.logo-icon{font-size:1.4rem}.footer-description{font-size:.8rem}.social-links{gap:8px}.social-link{width:34px;height:34px;border-radius:10px}.footer-bottom{padding-top:25px}}@media (hover: none) and (pointer: coarse){.footer-links a:hover,.social-link:hover,.btn-newsletter:hover,.contact-item:hover{transform:none}.footer-links a:active,.social-link:active,.btn-newsletter:active{transform:scale(.98)}.contact-item,.footer-links a,.btn-newsletter,.social-link{min-height:44px}}@media (prefers-color-scheme: dark){.footer{background:linear-gradient(135deg,#05050a,#0f0f1e)}}@media print{.footer{background:#fff!important;color:#000!important;padding:40px 20px 20px!important;margin-top:50px!important;border-top:2px solid #ccc}.footer:before{display:none}.footer-section h3,.footer-section h4{color:#000!important;text-shadow:none!important}.footer-description,.contact-item,.footer-links a,.copyright{color:#333!important}.logo-icon{color:#000!important;-webkit-text-fill-color:black!important}.social-links,.footer-decoration,.newsletter-form{display:none}.footer-container{display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:30px!important}.footer-section{flex:1;min-width:200px}.footer-bottom{border-top:1px solid #ccc!important;color:#333!important}.footer-bottom a{color:#333!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.footer{background-image:linear-gradient(135deg,#0a0a0f,#1a1a2e),radial-gradient(circle at 20% 80%,rgba(168,85,247,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.05) 0%,transparent 50%)}}@media (prefers-reduced-motion: reduce){.footer-links a,.social-link,.btn-newsletter,.contact-item,.footer-links li:before{transition:none}.footer-links a:hover,.social-link:hover,.btn-newsletter:hover,.contact-item:hover{transform:none}}.hero-section{background:linear-gradient(135deg,#4a1b6b,#5b2a7f);padding:100px 20px;color:#fff;position:relative;overflow:hidden;transition:padding .3s ease}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');opacity:.3}.hero-section:after{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(74,27,107,.8) 0%,transparent 100%);z-index:0}.hero-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1;transition:all .3s ease}.hero-content{animation:fadeInUp 1s ease-out}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:20px;text-shadow:0 0 20px rgba(168,85,247,.4);transition:font-size .3s ease}.hero-title .highlight{background:linear-gradient(90deg,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-title .highlight:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:2px;transition:height .3s ease}.hero-subtitle{font-size:1.3rem;line-height:1.7;margin-bottom:40px;color:#c084fc;transition:all .3s ease}.hero-buttons{display:flex;gap:20px;margin-bottom:50px;flex-wrap:wrap}.btn-hero-primary,.btn-hero-secondary{padding:16px 32px;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex:1;min-width:160px}.btn-hero-primary{background:linear-gradient(135deg,#8b5cf6,#9333ea);color:#fff;box-shadow:0 10px 25px #8b5cf666}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #8b5cf699;background:linear-gradient(135deg,#7c3aed,#822ce9)}.btn-hero-secondary{background:transparent;color:#fff;border:2px solid rgba(168,85,247,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-hero-secondary:hover{background:#ffffff1a;border-color:#a855f7;box-shadow:0 0 20px #a855f74d}.hero-stats{display:flex;gap:40px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;background:#1e143266;padding:15px 25px;border-radius:12px;border:1px solid rgba(168,85,247,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;transition:all .3s ease}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;transition:font-size .3s ease;position:relative;display:inline-block}.stat-number:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#a855f7,#c084fc);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.stat-number.counting:after{animation:countProgress 2s ease-in-out forwards}@keyframes countProgress{0%{transform:scaleX(0)}50%{transform:scaleX(.5)}to{transform:scaleX(1)}}.stat-label{font-size:.9rem;color:#fffc;margin-top:5px;transition:font-size .3s ease}.hero-image{position:relative}.code-preview{background:#1e1432f2;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px #0006;transform:perspective(1000px) rotateY(-5deg);transition:transform .3s ease;border:1px solid rgba(168,85,247,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:100%}.code-preview:hover{transform:perspective(1000px) rotateY(0);box-shadow:0 30px 60px #8b5cf64d}.code-header{background:#0a0a0fe6;padding:12px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(168,85,247,.2)}.code-dots{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%;transition:all .3s ease}.dot.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.dot.yellow{background:linear-gradient(135deg,#f59e0b,#d97706)}.dot.green{background:linear-gradient(135deg,#10b981,#059669)}.code-title{color:#c084fc;font-size:.85rem;margin-left:auto;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-body{padding:20px;font-family:Monaco,Courier New,monospace,Consolas;font-size:.9rem;line-height:1.8;color:#c084fc;overflow-x:auto}.code-body pre{margin:0;white-space:pre-wrap;min-width:min-content}.code-body .keyword{color:#a855f7;font-weight:700}.code-body .string{color:#f59e0b}.code-body .comment{color:#a855f780;font-style:italic}.code-body .function{color:#06b6d4}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.floating-element{position:absolute;width:100px;height:100px;background:linear-gradient(135deg,#a855f733,#ec489933);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;filter:blur(20px);animation:float 6s ease-in-out infinite;z-index:0;opacity:.5}.floating-element:nth-child(1){top:10%;left:10%;animation-delay:0s}.floating-element:nth-child(2){top:60%;right:15%;animation-delay:-2s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@media (min-width: 1600px){.hero-container{max-width:1600px}.hero-title{font-size:4rem}.hero-subtitle{font-size:1.4rem}.code-preview{transform:perspective(1200px) rotateY(-8deg)}}@media (max-width: 1600px){.hero-container{max-width:1300px}.hero-title{font-size:3.2rem}}@media (max-width: 1440px){.hero-container{max-width:1200px;gap:50px}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}.stat-number{font-size:2.2rem}.code-preview{transform:perspective(1000px) rotateY(-3deg)}}@media (max-width: 1200px){.hero-section{padding:80px 20px}.hero-container{max-width:100%;padding:0 30px}.hero-title{font-size:2.8rem}.hero-stats{gap:25px}.stat{min-width:130px}.floating-element:nth-child(1){left:5%;top:15%}.floating-element:nth-child(2){right:5%;top:70%}}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:50px;padding:0 25px}.hero-title{font-size:2.8rem}.hero-image{order:-1}.code-preview{transform:none;max-width:600px;margin:0 auto}.hero-content{text-align:center}.hero-title .highlight:after{left:50%;transform:translate(-50%);width:80%}.hero-buttons,.hero-stats{justify-content:center}.floating-element:nth-child(1),.floating-element:nth-child(2){opacity:.3}}@media (max-width: 900px){.hero-section{padding:70px 20px}.hero-container{gap:40px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.15rem;line-height:1.6}.hero-buttons{gap:15px}.btn-hero-primary,.btn-hero-secondary{padding:15px 28px;font-size:1.05rem}.stat{min-width:120px;padding:12px 20px}.stat-number,.stat-label{font-size:2rem;margin:0 auto}.code-body{padding:15px;font-size:.85rem}}@media (max-width: 768px){.hero-section{padding:60px 20px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem;margin-bottom:30px}.hero-buttons{flex-direction:column;margin-bottom:40px}.btn-hero-primary,.btn-hero-secondary{width:100%;max-width:300px;margin:0 auto}.hero-stats{gap:15px}.stat{flex:1 1 calc(50% - 15px);min-width:140px;padding:12px 15px}.stat-number{font-size:1.8rem;margin:0 auto}.stat-label{font-size:.85rem;margin:0 auto}.code-preview{border-radius:14px}.code-body{font-size:.8rem;line-height:1.6}.floating-element:nth-child(1),.floating-element:nth-child(2){display:none}}@media (max-width: 576px){.hero-section{padding:50px 15px;margin-top:50px}.hero-container{padding:0 15px;gap:35px}.hero-title{font-size:1.9rem;margin-bottom:15px}.hero-title .highlight:after{height:2px}.hero-subtitle{font-size:1rem;line-height:1.5}.hero-buttons{margin-bottom:35px}.btn-hero-primary,.btn-hero-secondary{padding:14px 24px;font-size:1rem}.hero-stats{gap:12px}.stat{flex:1 1 calc(50% - 12px);min-width:0;padding:10px 12px}.stat-number{font-size:1.6rem;margin:0 auto}.stat-label{font-size:.8rem;margin:0 auto}.code-preview{border-radius:12px}.code-header{padding:10px 14px}.code-body{padding:12px;font-size:.75rem}}@media (max-width: 425px){.hero-section{padding:40px 12px}.hero-container{padding:0 10px;gap:30px}.hero-title{font-size:1.7rem}.hero-subtitle{font-size:.95rem}.stat{flex:1 1 100%;max-width:220px;margin:0 auto}.hero-stats{gap:10px}.code-preview{border-radius:10px}.dot{width:10px;height:10px}.code-title{font-size:.8rem}}@media (max-width: 375px){.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.btn-hero-primary,.btn-hero-secondary{padding:13px 20px;font-size:.95rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.code-body{font-size:.7rem}}@media (hover: none) and (pointer: coarse){.btn-hero-primary:hover,.btn-hero-secondary:hover,.code-preview:hover{transform:none}.btn-hero-primary:active,.btn-hero-secondary:active{transform:scale(.98)}.code-preview:active{transform:scale(.99)}.btn-hero-primary,.btn-hero-secondary{min-height:48px}}@media (prefers-color-scheme: dark){.hero-section{background:linear-gradient(135deg,#3a1b5b,#4b2a6f)}}@media (prefers-reduced-motion: reduce){.floating-element,.hero-content,.code-preview,.btn-hero-primary,.btn-hero-secondary,.stat-number:after{animation:none;transition:none}.btn-hero-primary:hover,.btn-hero-secondary:hover,.code-preview:hover{transform:none}.stat-number{animation:none!important}.stat-number{opacity:1!important;transform:none!important}}@media print{.hero-section{background:#fff!important;color:#000!important;padding:50px 20px!important;page-break-inside:avoid}.hero-title{color:#000!important;text-shadow:none!important}.hero-title .highlight{background:none!important;-webkit-text-fill-color:black!important;color:#000!important}.hero-title .highlight:after{background:#000!important}.hero-subtitle{color:#333!important}.hero-buttons,.floating-element,.code-preview:before{display:none}.hero-container{grid-template-columns:1fr!important}.hero-stats{border:1px solid #ccc;padding:20px;border-radius:8px}.stat{background:#fff!important;border:1px solid #eee!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.stat-number{background:none!important;-webkit-text-fill-color:black!important;color:#000!important}.stat-number:after{display:none}.stat-label{color:#666!important}.code-preview{border:1px solid #ccc!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.code-header{background:#f5f5f5!important;border-bottom:1px solid #ccc!important}.code-title{color:#333!important}.code-body{color:#333!important;background:#fff!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.hero-section{background-image:linear-gradient(135deg,#4a1b6b,#5b2a7f),radial-gradient(circle at 20% 30%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(6,182,212,.1) 0%,transparent 50%)}}.features-section{padding:100px 20px;background:linear-gradient(180deg,#0a0a0f,#1a1a2e);position:relative;overflow:hidden;transition:padding .3s ease}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(74,27,107,.5) 0%,transparent 100%);z-index:0}.features-container{max-width:1200px;margin:0 auto;position:relative;z-index:1;transition:max-width .3s ease}.features-header{text-align:center;margin-bottom:80px;transition:margin-bottom .3s ease}.features-title{font-size:3rem;color:#fff;margin-bottom:20px;font-weight:800;text-shadow:0 0 20px rgba(168,85,247,.4);transition:font-size .3s ease;line-height:1.2}.features-title .highlight{background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.features-subtitle{font-size:1.2rem;color:#c084fc;max-width:600px;margin:0 auto;line-height:1.6;transition:all .3s ease}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-bottom:100px;transition:all .3s ease}.feature-card{background:#1e1432e6;padding:40px 30px;border-radius:20px;box-shadow:0 4px 20px #0000004d,0 0 0 1px #a855f733;transition:all .4s ease;cursor:pointer;border:1px solid rgba(168,85,247,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a855f7,#c084fc,#8b5cf6);border-radius:4px 4px 0 0;opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 50px #a855f740;border-color:#a855f766}.feature-card:hover:before{opacity:1}.feature-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:25px;transition:all .4s ease;position:relative;z-index:1;flex-shrink:0}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(10deg)}.feature-icon.purple{background:linear-gradient(135deg,#a855f733,#c084fc33);color:#a855f7}.feature-icon.cyan{background:linear-gradient(135deg,#06b6d433,#22d3ee33);color:#06b6d4}.feature-icon.pink{background:linear-gradient(135deg,#ec489933,#f472b633);color:#ec4899}.feature-icon.orange{background:linear-gradient(135deg,#f59e0b33,#fbbf2433);color:#f59e0b}.feature-icon.magenta{background:linear-gradient(135deg,#8b5cf633,#9333ea33);color:#8b5cf6}.feature-title{font-size:1.4rem;color:#fff;margin-bottom:15px;font-weight:700;line-height:1.3;transition:font-size .3s ease}.feature-description{color:#c084fc;line-height:1.7;font-size:1rem;margin-bottom:0;flex-grow:1;transition:font-size .3s ease}.features-cta{text-align:center;background:linear-gradient(135deg,#8b5cf6,#9333ea);padding:80px 40px;border-radius:20px;color:#fff;position:relative;overflow:hidden;box-shadow:0 15px 50px #8b5cf64d;border:1px solid rgba(168,85,247,.3);transition:all .3s ease}.features-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');opacity:.3}.features-cta h3{font-size:2.5rem;margin-bottom:20px;font-weight:800;position:relative;z-index:1;line-height:1.2;transition:font-size .3s ease}.features-cta p{font-size:1.3rem;color:#ffffffe6;max-width:700px;margin:0 auto 40px;line-height:1.6;position:relative;z-index:1;transition:all .3s ease}.cta-buttons{display:flex;gap:20px;justify-content:center;position:relative;z-index:1;flex-wrap:wrap}.btn-cta{padding:18px 40px;font-size:1.1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:200px;white-space:nowrap}.btn-cta.primary{background:#fff;color:#8b5cf6;box-shadow:0 8px 25px #fff3}.btn-cta.primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ffffff4d;background:#f8fafc}.btn-cta.secondary{background:transparent;color:#fff;border:2px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-cta.secondary:hover{background:#ffffff1a;transform:translateY(-3px);box-shadow:0 12px 35px #fff3}.floating-element{position:absolute;border-radius:50%;filter:blur(40px);opacity:.3;z-index:0}.floating-element:nth-child(1){width:200px;height:200px;background:linear-gradient(135deg,#a855f7,#c084fc);top:10%;left:10%;animation:float 8s ease-in-out infinite}.floating-element:nth-child(2){width:150px;height:150px;background:linear-gradient(135deg,#ec4899,#f472b6);bottom:15%;right:15%;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}@media (min-width: 1600px){.features-container{max-width:1400px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:45px}}@media (max-width: 1600px){.features-container{max-width:1200px}.features-title{font-size:2.8rem}.features-grid{gap:35px}.feature-card{padding:35px 25px}}@media (max-width: 1440px){.features-container{max-width:1100px}.features-title{font-size:2.5rem}.features-subtitle{font-size:1.1rem}.features-grid{gap:30px}.feature-card{padding:30px 25px}.features-cta{padding:70px 35px}.features-cta h3{font-size:2.2rem}.features-cta p{font-size:1.2rem}}@media (max-width: 1200px){.features-container{max-width:100%;padding:0 30px}.features-header{margin-bottom:60px}.features-title{font-size:2.3rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:80px}.feature-card{padding:30px 22px}.feature-icon{width:70px;height:70px;font-size:2.2rem}.feature-title{font-size:1.3rem}.features-cta{padding:60px 30px}.features-cta h3{font-size:2rem}.floating-element:nth-child(1){width:150px;height:150px;top:5%;left:5%}.floating-element:nth-child(2){width:120px;height:120px;bottom:10%;right:10%}}@media (max-width: 1024px){.features-section{padding:80px 20px}.features-grid{gap:25px}.features-cta{padding:50px 25px}.cta-buttons{flex-direction:column;align-items:center;gap:15px}.btn-cta{width:100%;max-width:300px;min-width:0}.floating-element:nth-child(1){width:120px;height:120px;top:8%;left:8%}.floating-element:nth-child(2){width:100px;height:100px;bottom:12%;right:8%}}@media (max-width: 768px){.features-section{padding:60px 20px}.features-header{margin-bottom:50px}.features-title{font-size:2rem}.features-subtitle{font-size:1.05rem;padding:0 10px}.features-grid{grid-template-columns:1fr;gap:20px;margin-bottom:60px}.feature-card{padding:25px 20px;border-radius:16px}.feature-icon{width:60px;height:60px;font-size:2rem;margin-bottom:20px}.feature-title{font-size:1.2rem;margin-bottom:12px}.feature-description{font-size:.95rem;line-height:1.6}.features-cta{padding:40px 20px;border-radius:16px}.features-cta h3{font-size:1.8rem;margin-bottom:15px}.features-cta p{font-size:1.1rem;margin-bottom:30px}.cta-buttons{gap:12px}.btn-cta{padding:16px 30px;font-size:1rem}.floating-element:nth-child(1),.floating-element:nth-child(2){opacity:.2}}@media (max-width: 576px){.features-section{padding:50px 15px}.features-header{margin-bottom:40px}.features-title{font-size:1.8rem;margin-bottom:15px}.features-subtitle{font-size:1rem;line-height:1.5}.features-grid{margin-bottom:50px}.feature-card{padding:22px 18px}.feature-icon{width:55px;height:55px;font-size:1.8rem;border-radius:16px}.feature-title{font-size:1.15rem}.feature-description{font-size:.9rem}.features-cta{padding:35px 18px;border-radius:14px}.features-cta h3{font-size:1.6rem}.features-cta p{font-size:1rem;margin-bottom:25px}.btn-cta{padding:15px 25px;font-size:.95rem}.floating-element:nth-child(1),.floating-element:nth-child(2){display:none}}@media (max-width: 425px){.features-section{padding:40px 12px}.features-title{font-size:1.6rem}.features-subtitle{font-size:.95rem}.feature-card{padding:20px 16px;border-radius:14px}.feature-icon{width:50px;height:50px;font-size:1.6rem;margin-bottom:18px}.feature-title{font-size:1.1rem}.feature-description{font-size:.85rem}.features-cta{padding:30px 16px}.features-cta h3{font-size:1.4rem}.features-cta p{font-size:.95rem}.btn-cta{padding:14px 22px;font-size:.9rem}}@media (max-width: 375px){.features-title{font-size:1.4rem}.features-subtitle{font-size:.9rem}.feature-card{padding:18px 14px}.feature-icon{width:45px;height:45px;font-size:1.5rem}.features-cta h3{font-size:1.3rem}.features-cta p{font-size:.9rem}.btn-cta{padding:13px 20px;font-size:.85rem}}@media (hover: none) and (pointer: coarse){.feature-card:hover{transform:none}.feature-card:active{transform:scale(.98)}.btn-cta:hover{transform:none}.btn-cta:active{transform:scale(.98)}}@media (prefers-color-scheme: dark){.features-section{background:linear-gradient(180deg,#05050a,#0f0f1e)}}@media print{.features-section{background:#fff!important;padding:50px 20px!important}.features-title,.feature-title{color:#000!important;text-shadow:none!important}.features-title .highlight{background:none!important;-webkit-text-fill-color:black!important;color:#000!important}.features-subtitle,.feature-description{color:#333!important}.feature-card{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;page-break-inside:avoid}.features-cta{background:#fff!important;color:#000!important;border:1px solid #ccc!important;box-shadow:none!important}.features-cta:before{display:none}.floating-element,.btn-cta{display:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.features-section{background-image:linear-gradient(180deg,#0a0a0f,#1a1a2e),radial-gradient(circle at 20% 30%,rgba(168,85,247,.05) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(6,182,212,.05) 0%,transparent 40%)}}@media (prefers-reduced-motion: reduce){.floating-element,.feature-card:hover .feature-icon,.feature-card:hover{animation:none;transition:none}.btn-cta:hover,.feature-card:hover{transform:none}}.home-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e);position:relative;overflow:hidden;transition:min-height .3s ease}.home-page:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(74,27,107,.8) 0%,transparent 100%);z-index:0}.cta-section{padding:100px 20px;text-align:center;background:linear-gradient(135deg,#4a1b6b,#5b2a7f);position:relative;overflow:hidden;transition:padding .3s ease}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');opacity:.3;z-index:0}.cta-section h2{font-size:2.8rem;color:#fff;margin-bottom:20px;font-weight:800;text-shadow:0 0 20px rgba(168,85,247,.4);position:relative;z-index:1;line-height:1.2;transition:font-size .3s ease}.cta-section h2 .highlight{background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.cta-section p{font-size:1.3rem;color:#c084fc;max-width:600px;margin:0 auto 50px;line-height:1.6;position:relative;z-index:1;transition:all .3s ease}.cta-buttons{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;position:relative;z-index:1}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{min-width:220px;font-size:1.1rem;padding:18px 40px;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;flex:1}.cta-buttons .btn-primary{background:linear-gradient(135deg,#8b5cf6,#9333ea);color:#fff;box-shadow:0 8px 25px #8b5cf666}.cta-buttons .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #8b5cf699;background:linear-gradient(135deg,#7c3aed,#822ce9)}.cta-buttons .btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-buttons .btn-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-3px);box-shadow:0 12px 35px #fff3}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.floating-element{position:absolute;border-radius:50%;filter:blur(40px);opacity:.2;transition:opacity .3s ease}.floating-element:nth-child(1){width:200px;height:200px;background:linear-gradient(135deg,#a855f7,#c084fc);top:20%;left:10%;animation:floatElement 12s ease-in-out infinite}.floating-element:nth-child(2){width:150px;height:150px;background:linear-gradient(135deg,#06b6d4,#22d3ee);bottom:30%;right:15%;animation:floatElement 15s ease-in-out infinite reverse}@keyframes floatElement{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-40px) rotate(180deg) scale(1.1)}}.cta-info{margin-top:60px;position:relative;z-index:1;transition:margin-top .3s ease}.cta-stats{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;margin-top:40px;transition:all .3s ease}.cta-stat{text-align:center;background:#1e143299;padding:25px 30px;border-radius:16px;border:1px solid rgba(168,85,247,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px;flex:1;transition:all .3s ease}.cta-stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;line-height:1;transition:font-size .3s ease}.cta-stat-label{color:#c084fc;font-size:1rem;font-weight:600;transition:font-size .3s ease}.trust-badges{display:flex;justify-content:center;gap:40px;margin-top:50px;flex-wrap:wrap;transition:all .3s ease}.trust-badge{background:#ffffff1a;padding:15px 30px;border-radius:10px;border:1px solid rgba(168,85,247,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;transition:all .3s ease;flex:1;min-width:200px}.trust-badge:hover{background:#a855f733;transform:translateY(-3px);box-shadow:0 8px 25px #a855f733}.trust-badge i{color:#a855f7;font-size:1.5rem;flex-shrink:0}@media (min-width: 1600px){.cta-section{padding:120px 40px}.cta-section h2{font-size:3.2rem}.cta-section p{font-size:1.4rem;max-width:700px}.cta-stats{gap:60px}.cta-stat{min-width:220px;padding:30px 35px}.cta-stat-number{font-size:2.8rem}.trust-badges{gap:50px}}@media (max-width: 1600px){.cta-section h2{font-size:2.6rem}.cta-section p{font-size:1.2rem}.cta-stats{gap:40px}.cta-stat{min-width:180px}}@media (max-width: 1440px){.cta-section{padding:90px 20px}.cta-section h2{font-size:2.5rem}.cta-section p{font-size:1.15rem;margin-bottom:45px}.floating-element:nth-child(1){width:180px;height:180px;left:8%}.floating-element:nth-child(2){width:130px;height:130px;right:10%}}@media (max-width: 1200px){.cta-section{padding:80px 20px}.cta-section h2{font-size:2.3rem}.cta-section p{font-size:1.1rem}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{min-width:200px;padding:16px 35px;font-size:1.05rem}.cta-stats{gap:35px}.cta-stat{min-width:170px;padding:22px 25px}.cta-stat-number{font-size:2.3rem}.trust-badges{gap:30px}.trust-badge{min-width:180px;padding:14px 25px}}@media (max-width: 1024px){.cta-section{padding:70px 20px}.cta-stats{gap:30px}.cta-stat{min-width:160px;padding:20px 25px}.cta-stat-number{font-size:2rem}.cta-stat-label{font-size:.95rem}.trust-badges{gap:25px}.trust-badge{min-width:170px;padding:13px 22px;font-size:.95rem}.trust-badge i{font-size:1.3rem}.floating-element:nth-child(1){width:150px;height:150px;left:5%;opacity:.15}.floating-element:nth-child(2){width:110px;height:110px;right:5%;opacity:.15}}@media (max-width: 768px){.cta-section{padding:60px 20px}.cta-section h2{font-size:2rem;margin-bottom:15px}.cta-section p{font-size:1.05rem;margin-bottom:40px;line-height:1.5}.cta-buttons{flex-direction:column;align-items:center;gap:15px}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{width:100%;max-width:320px;min-width:0;padding:16px 30px;font-size:1.05rem}.cta-info{margin-top:50px}.cta-stats{flex-direction:column;align-items:center;gap:20px;margin-top:35px}.cta-stat{width:100%;max-width:320px;min-width:0;padding:22px 25px}.cta-stat-number{font-size:2.2rem}.trust-badges{flex-direction:column;align-items:center;gap:15px;margin-top:40px}.trust-badge{width:100%;max-width:320px;min-width:0;padding:14px 25px;justify-content:center}.floating-element:nth-child(1),.floating-element:nth-child(2){opacity:.1}}@media (max-width: 576px){.cta-section{padding:50px 15px}.cta-section h2{font-size:1.8rem}.cta-section p{font-size:1rem;margin-bottom:35px;padding:0 10px}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{max-width:300px;padding:15px 25px;font-size:1rem}.cta-info{margin-top:40px}.cta-stats{margin-top:30px}.cta-stat{max-width:280px;padding:20px 22px;border-radius:14px}.cta-stat-number{font-size:2rem}.cta-stat-label{font-size:.9rem}.trust-badges{margin-top:35px}.trust-badge{max-width:280px;padding:13px 20px}.floating-element:nth-child(1),.floating-element:nth-child(2){display:none}}@media (max-width: 425px){.cta-section{padding:45px 12px}.cta-section h2{font-size:1.6rem;padding:0 10px}.cta-section p{font-size:.95rem;margin-bottom:30px}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{max-width:100%;padding:14px 22px;font-size:.95rem;border-radius:10px}.cta-stat{max-width:100%;padding:18px 20px}.cta-stat-number{font-size:1.8rem}.trust-badge{max-width:100%;padding:12px 18px}.trust-badge i{font-size:1.2rem}}@media (max-width: 375px){.cta-section{padding:40px 10px}.cta-section h2{font-size:1.5rem}.cta-section p{font-size:.9rem}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{padding:13px 20px;font-size:.9rem}.cta-stat{padding:16px 18px}.cta-stat-number{font-size:1.7rem}.trust-badge{padding:11px 16px;font-size:.9rem}}@media (hover: none) and (pointer: coarse){.cta-buttons .btn-primary:hover,.cta-buttons .btn-secondary:hover,.trust-badge:hover{transform:none}.cta-buttons .btn-primary:active,.cta-buttons .btn-secondary:active,.trust-badge:active{transform:scale(.98)}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{min-height:48px}}@media (prefers-color-scheme: dark){.home-page{background:linear-gradient(135deg,#05050a,#0f0f1e)}.cta-section{background:linear-gradient(135deg,#3a1b5b,#4b2a6f)}}@media print{.home-page{background:#fff!important;min-height:auto}.cta-section{background:#fff!important;padding:40px 20px!important;border:2px solid #333;margin:20px}.cta-section h2{color:#000!important;text-shadow:none!important}.cta-section h2 .highlight{background:none!important;-webkit-text-fill-color:black!important;color:#000!important}.cta-section p{color:#333!important}.cta-buttons,.floating-elements{display:none}.cta-info{margin-top:30px}.cta-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cta-stat{background:#fff!important;border:1px solid #ccc!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;min-width:0}.cta-stat-number{background:none!important;-webkit-text-fill-color:black!important;color:#000!important}.cta-stat-label{color:#666!important}.trust-badges{display:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.cta-section{background-image:linear-gradient(135deg,#4a1b6b,#5b2a7f),radial-gradient(circle at 20% 30%,rgba(168,85,247,.1) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(6,182,212,.1) 0%,transparent 40%)}}@media (prefers-reduced-motion: reduce){.floating-element{animation:none}.cta-buttons .btn-primary,.cta-buttons .btn-secondary,.trust-badge{transition:none}.cta-buttons .btn-primary:hover,.cta-buttons .btn-secondary:hover,.trust-badge:hover{transform:none}}.login-page{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#4a1b6b,#5b2a7f);display:flex;flex-direction:column;position:relative;overflow:hidden;padding:20px;margin-top:100px}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');background-size:60px 60px;opacity:.3;z-index:0}.login-container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1;width:100%}.login-card{background:#1e1432f2;border-radius:20px;padding:40px 30px;box-shadow:0 20px 60px #00000080,0 0 0 1px #a855f74d;max-width:450px;width:100%;animation:slideUp .5s ease-out;border:1px solid rgba(168,85,247,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:0 auto}.login-header{text-align:center;margin-bottom:40px}.login-card h2{font-size:clamp(1.8rem,4vw,2.2rem);color:#fff;margin-bottom:10px;font-weight:800;text-shadow:0 0 15px rgba(168,85,247,.4);line-height:1.3}.login-subtitle{text-align:center;color:#c084fc;margin-bottom:30px;font-size:clamp(1rem,2vw,1.1rem);line-height:1.6}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600;color:#fff;font-size:clamp(.9rem,2vw,.95rem);display:flex;align-items:center;gap:8px}.form-group label i{color:#a855f7;font-size:1.1rem}.form-group input{padding:clamp(14px,3vw,16px) clamp(16px,3vw,20px);background:#0a0a0f99;border:2px solid rgba(168,85,247,.3);border-radius:12px;font-size:clamp(.95rem,2vw,1rem);transition:all .3s ease;outline:none;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-sizing:border-box}.form-group input::placeholder{color:#c084fc99}.form-group input:focus{border-color:#a855f7;box-shadow:0 0 0 4px #a855f733;background:#0a0a0fcc}.password-field{position:relative}.toggle-password{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#c084fc;cursor:pointer;font-size:1.1rem;transition:color .3s ease;padding:8px}.toggle-password:hover{color:#fff}.remember-forgot{display:flex;justify-content:space-between;align-items:center;margin-top:5px;flex-wrap:wrap;gap:10px}.remember-me{display:flex;align-items:center;gap:8px;font-size:clamp(.85rem,2vw,.9rem);color:#c084fc;flex-shrink:0}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:#A855F7;cursor:pointer;flex-shrink:0}.forgot-password{color:#a855f7;font-size:clamp(.85rem,2vw,.9rem);text-decoration:none;transition:all .3s ease;white-space:nowrap}.forgot-password:hover{color:#c084fc;text-decoration:underline}.btn-login{padding:clamp(16px,3vw,18px);background:linear-gradient(135deg,#8b5cf6,#9333ea);color:#fff;border:none;border-radius:12px;font-size:clamp(1rem,2vw,1.1rem);font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:0 8px 25px #8b5cf64d;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.btn-login:hover{transform:translateY(-2px);box-shadow:0 12px 35px #8b5cf680;background:linear-gradient(135deg,#7c3aed,#822ce9)}.btn-login:active{transform:translateY(0)}.btn-login:disabled{opacity:.5;cursor:not-allowed;background:#2d1b4e;color:#5b2a7f;box-shadow:none}.login-divider{display:flex;align-items:center;margin:30px 0;color:#c084fc;font-size:clamp(.85rem,2vw,.9rem)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#a855f74d}.login-divider span{padding:0 15px;white-space:nowrap}.social-login{display:flex;flex-direction:column;gap:15px}.btn-social{padding:clamp(14px,3vw,15px);border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(.95rem,2vw,1rem);border:2px solid rgba(168,85,247,.3);background:#1e143299;color:#c084fc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.btn-social:hover{background:#a855f71a;border-color:#a855f780;transform:translateY(-2px)}.btn-social:active{transform:translateY(0)}.login-footer{margin-top:40px;text-align:center;color:#c084fc;font-size:clamp(.9rem,2vw,.95rem);line-height:1.5}.switch-btn{background:none;border:none;color:#a855f7;font-weight:700;cursor:pointer;font-size:clamp(.95rem,2vw,1rem);padding:5px;text-decoration:underline;transition:all .3s ease;display:inline}.switch-btn:hover{color:#c084fc;text-shadow:0 0 10px rgba(168,85,247,.3)}.error-message{background:#ef44441a;color:#ef4444;padding:clamp(10px,2vw,12px) clamp(12px,2vw,16px);border-radius:8px;border:1px solid rgba(239,68,68,.3);font-size:clamp(.85rem,2vw,.9rem);display:flex;align-items:center;gap:10px;margin-bottom:20px}.error-message i{font-size:1.1rem}.success-message{background:#10b9811a;color:#10b981;padding:clamp(10px,2vw,12px) clamp(12px,2vw,16px);border-radius:8px;border:1px solid rgba(16,185,129,.3);font-size:clamp(.85rem,2vw,.9rem);display:flex;align-items:center;gap:10px;margin-bottom:20px}.success-message i{font-size:1.1rem}.floating-element{position:absolute;border-radius:50%;filter:blur(40px);opacity:.2;z-index:0}.floating-element:nth-child(1){width:clamp(100px,20vw,200px);height:clamp(100px,20vw,200px);background:linear-gradient(135deg,#a855f7,#c084fc);top:20%;left:5%;animation:float 15s ease-in-out infinite}.floating-element:nth-child(2){width:clamp(80px,15vw,150px);height:clamp(80px,15vw,150px);background:linear-gradient(135deg,#06b6d4,#22d3ee);bottom:30%;right:5%;animation:float 12s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-40px) rotate(180deg)}}@media (max-width: 768px){.login-page:before{background-size:40px 40px}.login-card{padding:30px 25px;border-radius:16px}.login-form{gap:18px}.floating-element{opacity:.15}}@media (max-width: 480px){.login-page{padding:15px}.login-container{padding:10px}.login-card{padding:25px 20px;border-radius:14px;margin:10px}.login-header{margin-bottom:30px}.remember-forgot{flex-direction:column;align-items:flex-start;gap:15px}.forgot-password{align-self:flex-start}.floating-element{display:none}.btn-login,.btn-social{padding:14px}}@media (max-width: 320px){.login-card{padding:20px 15px}.login-card h2{font-size:1.6rem}.login-subtitle{font-size:.9rem}.form-group input{padding:12px 14px}}@media (min-width: 1200px){.login-card{max-width:500px;padding:50px 45px}.login-page:before{background-size:80px 80px}}@media screen and (max-width: 768px){input,select,textarea{font-size:16px!important}}@supports (padding: max(0px)){.login-page{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}}.success-message{background-color:#1a3a2a;color:#4ade80;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem;border:1px solid #4ade80}.error-message{background-color:#3a1a1a;color:#f87171;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem;border:1px solid #f87171}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.sidebar{width:100%;max-width:320px;background:#1e1432f2;padding:clamp(20px,4vw,30px);box-shadow:2px 0 20px #0006;display:flex;flex-direction:column;gap:clamp(20px,3vw,30px);border-right:1px solid rgba(168,85,247,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-sizing:border-box;height:auto;min-height:100vh}@media (min-width: 1025px){.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,#a855f7,#c084fc,#8b5cf6)}}@media (max-width: 1024px){.sidebar{width:100%;max-width:100%;border-right:none;border-bottom:2px solid rgba(168,85,247,.2);box-shadow:0 4px 20px #0006;margin-bottom:20px}.sidebar:before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#a855f7,#c084fc,#8b5cf6)}}.sidebar-header h3{font-size:clamp(1.2rem,2.5vw,1.5rem);color:#fff;font-weight:800;margin-bottom:clamp(15px,3vw,20px);text-shadow:0 0 10px rgba(168,85,247,.3);position:relative;padding-bottom:clamp(10px,2vw,15px)}.sidebar-header h3:after{content:"";position:absolute;bottom:0;left:0;width:clamp(30px,8vw,40px);height:3px;background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:2px}.progress-section{display:flex;flex-direction:column;gap:clamp(15px,3vw,25px)}.progress-item h4{font-size:clamp(1rem,2vw,1.1rem);color:#fff;margin-bottom:clamp(8px,2vw,12px);font-weight:700;display:flex;align-items:center;gap:clamp(8px,1.5vw,10px)}.progress-item h4 i{color:#a855f7;font-size:clamp(1rem,2vw,1.2rem)}.progress-bar-container{height:clamp(28px,4vw,35px);background:#0a0a0f80;border-radius:clamp(8px,2vw,10px);overflow:hidden;position:relative;border:1px solid rgba(168,85,247,.2);box-shadow:inset 0 2px 10px #0003}.progress-bar-container .progress-fill{height:100%;background:linear-gradient(135deg,#8b5cf6,#9333ea);display:flex;align-items:center;padding:0 clamp(10px,2vw,15px);color:#fff;font-weight:700;font-size:clamp(.8rem,1.5vw,.9rem);transition:width .5s ease;position:relative;overflow:hidden;min-width:40px}.progress-bar-container .progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.progress-bar-container .progress-fill span{color:#fff;position:relative;z-index:1;text-shadow:0 0 5px rgba(0,0,0,.5);white-space:nowrap}.progress-fill.purple{background:linear-gradient(135deg,#8b5cf6,#9333ea)}.progress-fill.magenta{background:linear-gradient(135deg,#ec4899,#db2777)}.progress-fill.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.progress-fill.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.sidebar-stats{background:#2d1b4ecc;padding:clamp(20px,4vw,25px);border-radius:clamp(10px,2vw,12px);border:1px solid rgba(168,85,247,.2);box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-stats h4{font-size:clamp(1rem,2vw,1.1rem);color:#fff;margin-bottom:clamp(15px,3vw,20px);font-weight:700;display:flex;align-items:center;gap:clamp(8px,1.5vw,10px)}.sidebar-stats h4 i{color:#a855f7;font-size:clamp(1rem,2vw,1.2rem)}.stat{display:flex;justify-content:space-between;align-items:center;padding:clamp(10px,2vw,12px) 0;border-bottom:1px solid rgba(168,85,247,.1);transition:all .3s ease}.stat:hover{background:#a855f70d;border-radius:6px;padding:clamp(10px,2vw,12px) clamp(8px,1.5vw,10px);margin:0 clamp(-8px,-1.5vw,-10px)}.stat:last-child{border-bottom:none}.stat-label{color:#c084fc;font-size:clamp(.9rem,1.5vw,.95rem);display:flex;align-items:center;gap:clamp(6px,1vw,8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label i{color:#a855f7;font-size:clamp(.9rem,1.5vw,1rem)}.stat-value{color:#fff;font-weight:700;font-size:clamp(1rem,2vw,1.1rem);text-shadow:0 0 5px rgba(168,85,247,.3);white-space:nowrap;margin-left:10px}.stat-value.highlight{background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-tips{background:#f59e0b26;padding:clamp(20px,4vw,25px);border-radius:clamp(10px,2vw,12px);border:1px solid rgba(245,158,11,.3);box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-tips h4{font-size:clamp(1rem,2vw,1.1rem);color:#f59e0b;margin-bottom:clamp(15px,3vw,20px);font-weight:700;display:flex;align-items:center;gap:clamp(8px,1.5vw,10px)}.sidebar-tips h4 i{font-size:clamp(1rem,2vw,1.2rem)}.sidebar-tips ul{list-style:none;padding:0;margin:0}.sidebar-tips li{color:#f59e0b;padding:clamp(8px,1.5vw,10px) 0 clamp(8px,1.5vw,10px) clamp(20px,4vw,25px);position:relative;font-size:clamp(.85rem,1.5vw,.95rem);line-height:1.5;border-bottom:1px solid rgba(245,158,11,.1)}.sidebar-tips li:last-child{border-bottom:none}.sidebar-tips li:before{content:"💡";position:absolute;left:0;top:clamp(8px,1.5vw,10px);font-size:clamp(.9rem,1.5vw,1rem);color:#f59e0b}.sidebar-actions{margin-top:clamp(15px,3vw,20px)}.quick-action{display:flex;align-items:center;gap:clamp(10px,2vw,12px);padding:clamp(10px,2vw,12px) clamp(12px,2vw,15px);background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:clamp(8px,2vw,10px);color:#c084fc;font-weight:600;text-decoration:none;transition:all .3s ease;margin-bottom:clamp(8px,1.5vw,10px);font-size:clamp(.9rem,1.5vw,1rem);min-height:44px}.quick-action:hover{background:#a855f733;border-color:#a855f766;transform:translate(5px);color:#fff}.quick-action i{color:#a855f7;font-size:clamp(1rem,2vw,1.2rem)}@media (max-width: 1024px) and (min-width: 769px){.progress-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.sidebar-stats,.sidebar-tips{padding:20px}.sidebar{min-height:auto}}@media (max-width: 768px){.sidebar{padding:18px;gap:18px;border-radius:0 0 16px 16px}.progress-section{flex-direction:column;gap:18px}.progress-bar-container{height:30px}.sidebar-stats,.sidebar-tips{padding:18px;border-radius:10px}.stat{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.stat-value{margin-left:0;align-self:flex-end}.quick-action{min-height:40px}}@media (max-width: 480px){.sidebar{padding:15px;gap:15px}.sidebar-header h3{font-size:1.2rem;margin-bottom:12px}.progress-bar-container{height:26px}.progress-bar-container .progress-fill{font-size:.8rem;padding:0 8px}.sidebar-stats,.sidebar-tips{padding:15px}.stat-label,.stat-value{font-size:.9rem}.sidebar-tips li{padding-left:20px;font-size:.85rem}.quick-action{padding:10px;font-size:.9rem}}@media (min-width: 1440px){.sidebar{max-width:350px;padding:35px 30px}}@media (hover: none) and (pointer: coarse){.stat:hover{background:transparent;padding:clamp(10px,2vw,12px) 0;margin:0}.quick-action:hover{transform:none}.quick-action:active{background:#a855f733;transform:scale(.98)}}@supports (padding: max(0px)){@media (max-width: 1024px){.sidebar{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}}@media (prefers-reduced-motion: reduce){.progress-bar-container .progress-fill{transition:none}.progress-bar-container .progress-fill:after{animation:none}.stat,.quick-action{transition:none}}@media (min-width: 1025px){.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0a0a0f4d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a855f7,#c084fc);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6,#9333ea)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0ff2;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;overflow-y:auto;margin-top:100px}.language-modal{background:#1e1432fa;border-radius:clamp(16px,4vw,24px);padding:clamp(30px,5vw,50px) clamp(20px,4vw,40px);max-width:600px;width:100%;box-shadow:0 25px 70px #00000080,0 0 0 1px #a855f74d;animation:scaleIn .4s ease;border:1px solid rgba(168,85,247,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;max-height:90vh;overflow-y:auto}.modal-close,.modal-close-btn{position:absolute;top:clamp(15px,3vw,20px);right:clamp(15px,3vw,20px);background:#2d1b4e99;border:1px solid rgba(168,85,247,.3);color:#c084fc;font-size:clamp(1.3rem,3vw,1.5rem);cursor:pointer;width:clamp(35px,8vw,40px);height:clamp(35px,8vw,40px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;min-width:35px;min-height:35px}.modal-close:hover,.modal-close-btn:hover{background:#a855f733;color:#fff;transform:rotate(90deg)}.modal-close:active,.modal-close-btn:active{transform:scale(.9)}.modal-close-btn svg{width:20px;height:20px}.language-modal h2{font-size:clamp(1.6rem,4vw,2.2rem);color:#fff;margin-bottom:clamp(8px,2vw,10px);text-align:center;font-weight:800;text-shadow:0 0 15px rgba(168,85,247,.4);line-height:1.3}.language-modal h2:after{content:"";display:block;width:clamp(60px,15vw,80px);height:clamp(3px,1vw,4px);background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:2px;margin:clamp(10px,3vw,15px) auto 0}.modal-subtitle{text-align:center;color:#c084fc;font-size:clamp(.95rem,2.5vw,1.1rem);margin-bottom:clamp(30px,6vw,40px);line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto;padding:0 10px}.language-options,.level-options{display:grid;gap:clamp(15px,3vw,20px);margin-bottom:clamp(25px,4vw,30px)}.language-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.level-options{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.language-option,.level-option{padding:clamp(20px,4vw,30px) clamp(15px,3vw,20px);border:2px solid rgba(168,85,247,.3);border-radius:clamp(14px,3vw,16px);background:#0a0a0f80;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vw,15px);font-size:clamp(1rem,2vw,1.1rem);font-weight:700;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;min-height:140px;box-sizing:border-box}.language-option:before,.level-option:before{content:"";position:absolute;top:0;left:0;right:0;height:clamp(3px,1vw,4px);background:linear-gradient(90deg,#a855f7,#c084fc);opacity:0;transition:opacity .3s ease}.language-option:hover,.level-option:hover{border-color:#a855f799;background:#1e1432cc;transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #a855f740}.language-option:hover:before,.level-option:hover:before{opacity:1}.language-option.selected,.level-option.selected{border-color:#a855f7;background:#a855f726;box-shadow:0 10px 30px #a855f74d}.language-option.selected:before,.level-option.selected:before{opacity:1}.language-icon,.level-icon{font-size:clamp(2.5rem,6vw,3rem);transition:transform .3s ease}.language-option:hover .language-icon,.level-option:hover .level-icon{transform:scale(1.1)}.language-name,.level-name{font-size:clamp(1.1rem,2.5vw,1.2rem);text-align:center;line-height:1.3}.language-description,.level-description{font-size:clamp(.8rem,2vw,.9rem);color:#c084fc;text-align:center;margin-top:clamp(3px,1vw,5px);font-weight:400;line-height:1.4}.level-option.green,.level-option.easy{border-color:#10b9814d}.level-option.green:before,.level-option.easy:before{background:linear-gradient(90deg,#10b981,#059669)}.level-option.green:hover,.level-option.easy:hover{border-color:#10b98199;box-shadow:0 15px 40px #10b98140;background:#10b9811a}.level-option.orange,.level-option.medium{border-color:#f59e0b4d}.level-option.orange:before,.level-option.medium:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.level-option.orange:hover,.level-option.medium:hover{border-color:#f59e0b99;box-shadow:0 15px 40px #f59e0b40;background:#f59e0b1a}.level-option.red,.level-option.hard{border-color:#ef44444d}.level-option.red:before,.level-option.hard:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.level-option.red:hover,.level-option.hard:hover{border-color:#ef444499;box-shadow:0 15px 40px #ef444440;background:#ef44441a}.btn-back-step{width:100%;padding:clamp(14px,3vw,16px);background:#2d1b4ecc;color:#c084fc;border:1px solid rgba(168,85,247,.3);border-radius:clamp(10px,2vw,12px);font-size:clamp(.95rem,2vw,1rem);font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:clamp(8px,2vw,10px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,10px);min-height:48px}.btn-back-step:hover{background:#1e1432e6;transform:translateY(-2px);box-shadow:0 8px 25px #a855f733;border-color:#a855f780}.btn-back-step:active{transform:translateY(0)}.btn-confirm{width:100%;padding:clamp(14px,3vw,16px);background:linear-gradient(135deg,#8b5cf6,#9333ea);color:#fff;border:none;border-radius:clamp(10px,2vw,12px);font-size:clamp(1rem,2vw,1.1rem);font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:clamp(15px,3vw,20px);box-shadow:0 8px 25px #8b5cf64d;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,10px);min-height:48px}.btn-confirm:hover{background:linear-gradient(135deg,#7c3aed,#822ce9);transform:translateY(-2px);box-shadow:0 12px 35px #8b5cf680}.btn-confirm:active{transform:translateY(0)}.btn-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.modal-progress{display:flex;justify-content:center;gap:clamp(8px,2vw,10px);margin-bottom:clamp(25px,4vw,30px)}.progress-step{width:clamp(8px,2vw,10px);height:clamp(8px,2vw,10px);border-radius:50%;background:#a855f733;transition:all .3s ease}.progress-step.active{background:#a855f7;transform:scale(1.2);box-shadow:0 0 10px #a855f780}.language-tags{display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,10px);justify-content:center;margin-top:clamp(12px,2vw,15px)}.language-tag{padding:clamp(4px,1vw,6px) clamp(10px,2vw,12px);background:#a855f71a;color:#c084fc;border-radius:20px;font-size:clamp(.75rem,1.5vw,.8rem);font-weight:600;border:1px solid rgba(168,85,247,.2);white-space:nowrap}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.language-modal{width:95%;margin:0}.language-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 480px){.modal-overlay{padding:60px 15px 15px;align-items:flex-start}.language-modal{width:100%;max-height:calc(100vh - 80px);border-radius:14px}.language-options{grid-template-columns:1fr}.language-option,.level-option{min-height:120px;gap:10px}.language-icon,.level-icon{font-size:2.2rem}.modal-close,.modal-close-btn{background:#2d1b4ecc;border-width:2px}.language-tags{justify-content:flex-start;overflow-x:auto;padding-bottom:5px;margin-left:-5px;margin-right:-5px;padding-left:5px;padding-right:5px}}@media (max-width: 320px){.language-modal{padding:25px 15px}.language-modal h2{font-size:1.4rem}.modal-subtitle{font-size:.9rem}.language-option,.level-option{padding:18px 12px;min-height:110px}.language-name,.level-name{font-size:1rem}}@media (min-width: 1200px){.language-modal{max-width:700px;padding:60px 50px}.language-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (hover: none) and (pointer: coarse){.language-option:hover,.level-option:hover,.btn-back-step:hover,.btn-confirm:hover,.modal-close:hover,.modal-close-btn:hover,.language-option:hover .language-icon,.level-option:hover .level-icon{transform:none}}@supports (padding: max(0px)){.modal-overlay{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}@media (max-width: 480px){.modal-overlay{padding-top:max(60px,env(safe-area-inset-top) + 40px)}}}@media (prefers-reduced-motion: reduce){.modal-overlay,.language-modal,.language-option,.level-option,.btn-back-step,.btn-confirm,.modal-close,.modal-close-btn{animation-duration:.01ms!important;transition-duration:.01ms!important}}.dashboard-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e);overflow-x:hidden}.dashboard-container{display:flex;max-width:1600px;margin:0 auto;min-height:calc(100vh - 80px);transition:all .3s ease}.dashboard-main{flex:1;padding:40px;transition:padding .3s ease}.welcome-section{background:#1e1432f2;padding:40px;border-radius:20px;box-shadow:0 10px 40px #0006,0 0 0 1px #a855f733;margin-bottom:40px;text-align:center;border:1px solid rgba(168,85,247,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.welcome-section h1{font-size:2.5rem;color:#fff;margin-bottom:10px;font-weight:800;text-shadow:0 0 15px rgba(168,85,247,.4);transition:font-size .3s ease}.welcome-section p{font-size:1.2rem;color:#c084fc;max-width:800px;margin:0 auto;line-height:1.6;transition:font-size .3s ease}.dashboard-content{display:flex;flex-direction:column;gap:30px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;transition:all .3s ease}.stat-card{background:#1e1432e6;padding:30px;border-radius:16px;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(168,85,247,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;overflow:hidden;position:relative}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#a855f7,#c084fc,#8b5cf6);border-radius:4px 4px 0 0;opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #a855f740;border-color:#a855f766}.stat-card h3{font-size:1.3rem;color:#fff;margin-bottom:20px;font-weight:700;display:flex;align-items:center;gap:10px;transition:font-size .3s ease}.stat-card h3:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#a855f7,#c084fc);border-radius:2px;display:inline-block;flex-shrink:0}.stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px;transition:font-size .3s ease;text-align:center;width:100%}.stat-description{font-size:.95rem;color:#c084fc;margin-bottom:20px;line-height:1.5}.progress-bar{height:40px;background:#0a0a0f80;border-radius:12px;overflow:hidden;position:relative;border:1px solid rgba(168,85,247,.2);transition:height .3s ease}.progress-fill{height:100%;background:linear-gradient(135deg,#8b5cf6,#9333ea);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;transition:width .5s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.action-section{background:#1e1432e6;padding:40px;border-radius:16px;box-shadow:0 4px 20px #0000004d;text-align:center;border:1px solid rgba(168,85,247,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.action-section button{margin-bottom:20px}.action-section h2{font-size:2rem;color:#fff;margin-bottom:20px;text-shadow:0 0 10px rgba(168,85,247,.3);transition:font-size .3s ease}.action-section p{color:#c084fc;font-size:1.1rem;max-width:600px;margin:0 auto 30px;line-height:1.6;transition:font-size .3s ease}.action-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.btn-start{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:18px 40px;font-size:1.2rem;border:none;border-radius:12px;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 8px 25px #10b98166;white-space:nowrap;min-width:200px}.btn-start:hover{transform:translateY(-3px);box-shadow:0 12px 35px #10b98199;background:linear-gradient(135deg,#0da977,#04875b)}.btn-start.secondary{background:linear-gradient(135deg,#8b5cf6,#9333ea);box-shadow:0 8px 25px #8b5cf666}.btn-start.secondary:hover{background:linear-gradient(135deg,#7c3aed,#822ce9);box-shadow:0 12px 35px #8b5cf699}.quick-stats{padding:30px;background:#0a0a0fb3;border-radius:12px;border:1px solid rgba(168,85,247,.2);transition:all .3s ease}.quick-stats h4{font-size:1.1rem;color:#fff;margin-bottom:15px;font-weight:700}.quick-stats p{color:#c084fc;margin-bottom:10px}.quick-stats .stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(168,85,247,.1);flex-wrap:wrap;gap:10px}.quick-stats .stat-row:last-child{border-bottom:none}.stat-row .label{color:#fffc;font-size:.95rem;flex:1;min-width:150px}.stat-row .value{color:#a855f7;font-weight:600;font-size:1.1rem;flex-shrink:0}.stat-row .trend{color:#10b981;font-size:.9rem;flex-shrink:0}.stat-row .trend.down{color:#ef4444}@media (min-width: 1440px){.dashboard-container{max-width:1800px}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:35px}}@media (max-width: 1440px){.dashboard-container{max-width:1200px}.welcome-section{padding:35px}.stats-cards{gap:25px}}@media (max-width: 1024px){.dashboard-container{flex-direction:column;max-width:100%}.dashboard-main{padding:30px}.welcome-section{padding:30px;margin-bottom:30px}.welcome-section h1{font-size:2.2rem}.welcome-section p{font-size:1.1rem}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.stat-card{padding:25px}.stat-value{font-size:2.2rem}.action-section{padding:35px}.action-section h2{font-size:1.8rem}.action-section p{font-size:1rem}.action-buttons{gap:15px}.btn-start{padding:16px 32px;font-size:1.1rem;min-width:180px}}@media (max-width: 768px){.dashboard-main{padding:20px}.welcome-section{padding:25px 20px;margin-bottom:25px}.welcome-section h1{font-size:1.8rem;margin-bottom:15px}.welcome-section p{font-size:1rem;line-height:1.5}.stats-cards{grid-template-columns:1fr;gap:20px}.stat-card{padding:22px 18px}.stat-card h3{font-size:1.2rem;margin-bottom:15px}.stat-value{font-size:2rem;margin-bottom:10px}.stat-description{font-size:.9rem;margin-bottom:15px}.progress-bar{height:35px;border-radius:10px}.progress-fill{font-size:.9rem}.action-section{padding:25px 20px}.action-section h2{font-size:1.6rem;margin-bottom:15px}.action-section p{font-size:.95rem;margin-bottom:25px}.action-buttons{flex-direction:column;align-items:center;gap:12px}.btn-start{width:100%;max-width:300px;padding:16px;font-size:1.1rem;min-width:0}.quick-stats{padding:22px 18px}.quick-stats .stat-row{padding:10px 0}.stat-row .label{font-size:.9rem;min-width:120px}.stat-row .value{font-size:1rem}}@media (max-width: 576px){.dashboard-main{padding:15px}.welcome-section{padding:22px 18px;border-radius:16px}.welcome-section h1{font-size:1.6rem}.welcome-section p{font-size:.95rem}.dashboard-content{gap:20px}.stat-card{padding:20px 16px;border-radius:14px}.stat-card h3{font-size:1.1rem}.stat-value{font-size:1.8rem}.progress-bar{height:32px;border-radius:8px}.progress-fill{font-size:.85rem}.action-section{padding:22px 18px;border-radius:14px}.action-section h2{font-size:1.4rem}.action-buttons{gap:10px}.btn-start{max-width:100%;padding:14px;font-size:1rem;border-radius:10px}.quick-stats{padding:20px 16px;border-radius:10px}.stat-row .label{min-width:100px;font-size:.85rem}}@media (max-width: 425px){.welcome-section h1{font-size:1.4rem}.welcome-section p{font-size:.9rem}.stat-card h3{font-size:1rem;gap:8px}.stat-card h3:before{height:16px}.stat-value{font-size:1.6rem}.stat-description{font-size:.85rem}.progress-bar{height:30px}.action-section h2{font-size:1.3rem}.action-section p{font-size:.9rem}.quick-stats .stat-row{flex-direction:column;align-items:flex-start;gap:5px}.stat-row .label,.stat-row .value,.stat-row .trend{width:100%}.stat-row .trend{text-align:right}}@media (max-width: 375px){.dashboard-main{padding:12px}.welcome-section{padding:20px 15px;margin-bottom:20px}.welcome-section h1{font-size:1.3rem}.stat-card{padding:18px 14px}.stat-card h3{font-size:.95rem}.stat-value{font-size:1.4rem}.action-section{padding:20px 15px}.action-section h2{font-size:1.2rem}.btn-start{padding:12px;font-size:.95rem}.quick-stats{padding:18px 14px}}@media (max-width: 320px){.welcome-section h1{font-size:1.2rem}.stat-card{padding:16px 12px}.stat-value{font-size:1.3rem}.progress-bar{height:28px}.progress-fill{font-size:.8rem}}@media (hover: none) and (pointer: coarse){.stat-card:hover{transform:none}.stat-card:active{transform:scale(.98)}.btn-start:hover{transform:none}.btn-start:active{transform:scale(.98)}}@media (prefers-color-scheme: dark){.dashboard-page{background:linear-gradient(135deg,#05050a,#0f0f1e)}}@media print{.dashboard-page{background:#fff;color:#000}.welcome-section,.stat-card,.action-section,.quick-stats{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;color:#000!important}.welcome-section h1,.stat-card h3,.action-section h2,.quick-stats h4{color:#000!important;text-shadow:none!important}.welcome-section .highlight,.stat-value{background:none!important;-webkit-text-fill-color:black!important;color:#000!important}.btn-start{display:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.dashboard-page{background-image:linear-gradient(135deg,#0a0a0f,#1a1a2e),radial-gradient(circle at 20% 50%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(6,182,212,.1) 0%,transparent 50%)}}@media (orientation: landscape) and (max-height: 600px){.dashboard-container{min-height:calc(100vh - 60px)}.welcome-section{padding:20px;margin-bottom:20px}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.stat-card{padding:18px 15px}.action-section{padding:25px 20px}}.code-editor{background:#1e1432f2;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0000004d,0 0 0 1px #a855f733;display:flex;flex-direction:column;height:600px;border:1px solid rgba(168,85,247,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}@media (max-height: 900px){.code-editor{height:500px}}@media (max-height: 700px){.code-editor{height:450px}}.editor-header{background:linear-gradient(135deg,#0a0a0f,#1a1a2e);padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(168,85,247,.2);flex-wrap:wrap;gap:15px}.editor-header h4{color:#fff;font-size:1.2rem;font-weight:700;margin:0;text-shadow:0 0 10px rgba(168,85,247,.3);flex:1;min-width:200px}.editor-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.language-badge{background:linear-gradient(135deg,#8b5cf6,#9333ea);color:#fff;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;text-transform:uppercase;box-shadow:0 4px 15px #8b5cf64d;border:1px solid rgba(168,85,247,.3);white-space:nowrap}.btn-generate{padding:12px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:0 4px 15px #0003;white-space:nowrap;flex-shrink:0}.btn-generate.blue{background:linear-gradient(135deg,#06b6d4,#0891b2)}.btn-generate.green{background:linear-gradient(135deg,#10b981,#059669)}.btn-generate.purple{background:linear-gradient(135deg,#a855f7,#c084fc)}.btn-generate.magenta{background:linear-gradient(135deg,#ec4899,#db2777)}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-generate.blue:hover:not(:disabled){box-shadow:0 6px 20px #06b6d466}.btn-generate.green:hover:not(:disabled){box-shadow:0 6px 20px #10b98166}.btn-generate.purple:hover:not(:disabled){box-shadow:0 6px 20px #a855f766}.btn-generate.magenta:hover:not(:disabled){box-shadow:0 6px 20px #ec489966}.btn-generate:disabled{opacity:.5;cursor:not-allowed;background:#2d1b4e;color:#5b2a7f;box-shadow:none}.code-textarea{flex:1;padding:20px;border:none;outline:none;font-family:Monaco,Courier New,monospace,Consolas;font-size:.95rem;line-height:1.6;resize:none;color:#c084fc;background:#1e1432cc;caret-color:#a855f7;overflow-y:auto;overflow-x:auto;min-height:200px}.code-textarea::selection{background:#a855f74d;color:#fff}.code-textarea:focus{outline:none;background:#1e1432e6}.code-textarea:read-only{background:#2d1b4e99;color:#8b5cf6;cursor:not-allowed}.code-textarea .keyword{color:#a855f7;font-weight:700}.code-textarea .string{color:#f59e0b}.code-textarea .comment{color:#a855f780;font-style:italic}.code-textarea .function{color:#06b6d4}.code-textarea .number{color:#10b981}.code-textarea .operator{color:#ec4899}.editor-footer{background:#0a0a0fcc;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(168,85,247,.2);font-size:.85rem;color:#c084fc;flex-wrap:wrap;gap:10px}.line-count,.char-count{font-weight:600;color:#fff;text-shadow:0 0 5px rgba(168,85,247,.3);white-space:nowrap}.editor-status{display:flex;align-items:center;gap:8px;color:#10b981;font-weight:600;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.code-textarea::-webkit-scrollbar{width:10px;height:10px}.code-textarea::-webkit-scrollbar-track{background:#0a0a0f4d;border-radius:5px}.code-textarea::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#9333ea);border-radius:5px;border:2px solid rgba(30,20,50,.8)}.code-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#822ce9)}.code-textarea::-webkit-scrollbar-corner{background:#0a0a0f80}@media (max-width: 1200px){.code-editor{height:550px}.editor-header{padding:18px}.btn-generate{padding:11px 22px;font-size:.9rem}}@media (max-width: 1024px){.code-editor{height:500px;border-radius:14px}.editor-header{padding:16px;gap:12px}.editor-header h4{font-size:1.1rem;min-width:150px}.editor-actions{gap:10px}.language-badge{padding:7px 14px;font-size:.8rem}.btn-generate{padding:10px 20px;font-size:.85rem}.code-textarea{padding:18px;font-size:.9rem}.editor-footer{padding:10px 16px;font-size:.8rem}}@media (max-width: 768px){.code-editor{height:450px;border-radius:12px}.editor-header{flex-direction:column;align-items:stretch;gap:15px;padding:15px}.editor-header h4{min-width:100%;text-align:center;font-size:1.2rem}.editor-actions{width:100%;justify-content:center;gap:8px}.code-textarea{padding:16px;font-size:.85rem;line-height:1.5}.editor-footer{padding:10px 15px;justify-content:center;gap:20px;text-align:center}.line-count,.char-count,.editor-status{flex:1;justify-content:center;display:flex}}@media (max-width: 576px){.code-editor{height:400px;border-radius:10px;margin:0 5px}.editor-header{padding:12px;gap:10px}.editor-header h4{font-size:1.1rem;margin-bottom:5px}.editor-actions{flex-direction:column;align-items:stretch;gap:8px}.language-badge{order:-1;text-align:center;padding:8px;font-size:.8rem}.btn-generate{padding:12px;font-size:.9rem;width:100%}.code-textarea{padding:12px;font-size:.8rem;line-height:1.4}.editor-footer{padding:8px 12px;flex-direction:column;gap:8px;font-size:.75rem}.line-count,.char-count,.editor-status{width:100%;justify-content:space-between;padding:3px 0;border-bottom:1px solid rgba(168,85,247,.1)}.line-count:last-child,.char-count:last-child,.editor-status:last-child{border-bottom:none}}@media (max-width: 400px){.code-editor{height:380px;border-radius:8px}.editor-header h4{font-size:1rem}.language-badge{font-size:.75rem;padding:6px 10px}.code-textarea{padding:10px;font-size:.75rem}.editor-footer{padding:6px 10px;font-size:.7rem}.status-dot{width:6px;height:6px}}@media (max-width: 320px){.code-editor{height:350px}.editor-header h4{font-size:.9rem}.btn-generate{font-size:.8rem;padding:10px}.code-textarea{font-size:.7rem;padding:8px}.editor-footer{font-size:.65rem}}@media print{.code-editor{box-shadow:none;border:1px solid #333;height:auto;page-break-inside:avoid}.editor-header{background:#333;color:#fff}.code-textarea{background:#fff;color:#000}.editor-footer{background:#eee;color:#333;border-top:1px solid #333}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.code-editor,.language-badge,.btn-generate{border-width:.5px}}@media (prefers-color-scheme: dark){.code-editor{box-shadow:0 10px 40px #00000080,0 0 0 1px #a855f74d}}@media (hover: none) and (pointer: coarse){.btn-generate:hover:not(:disabled),.btn-generate:focus:not(:disabled){transform:none}.code-textarea::-webkit-scrollbar{width:12px}.btn-generate{min-height:44px}}@media (orientation: landscape) and (max-height: 600px){.code-editor{height:350px}.editor-header{padding:10px 15px}.code-textarea{padding:12px;font-size:.8rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0ff2;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.warning-modal,.hint-modal,.success-modal{background:#1e1432fa;border-radius:20px;padding:40px;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080,0 0 0 1px #a855f74d;animation:slideUp .3s ease;border:1px solid rgba(168,85,247,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.warning-modal h3,.hint-modal h3,.success-modal h3{font-size:1.8rem;color:#fff;margin-bottom:20px;font-weight:800;text-align:center;text-shadow:0 0 15px rgba(168,85,247,.4);line-height:1.3;transition:font-size .3s ease}.warning-modal h3:after,.hint-modal h3:after,.success-modal h3:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:2px;margin:10px auto 0;transition:all .3s ease}.warning-modal p,.hint-modal p,.success-modal p{color:#c084fc;font-size:1.1rem;line-height:1.6;text-align:center;margin-bottom:30px;transition:all .3s ease}.warning-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-cancel,.btn-understood,.btn-okay,.btn-success{padding:14px 30px;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:140px;white-space:nowrap;flex:1}.btn-cancel{background:#2d1b4ecc;color:#c084fc;border:1px solid rgba(168,85,247,.3);box-shadow:0 4px 15px #0003}.btn-cancel:hover{background:#1e1432e6;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;border-color:#a855f780}.btn-understood,.btn-okay{background:linear-gradient(135deg,#8b5cf6,#9333ea);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-understood:hover,.btn-okay:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680;background:linear-gradient(135deg,#7c3aed,#822ce9)}.hint-content{background:linear-gradient(135deg,#a855f726,#c084fc26);padding:25px;border-radius:12px;margin-bottom:30px;border:1px solid rgba(168,85,247,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.hint-content p{color:#f59e0b;font-size:1.1rem;line-height:1.8;margin:0}.warning-icon{text-align:center;margin-bottom:20px;transition:all .3s ease}.warning-icon i{font-size:3rem;color:#ef4444;background:#ef44441a;width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(239,68,68,.3);transition:all .3s ease}.hint-icon{text-align:center;margin-bottom:20px;transition:all .3s ease}.hint-icon i{font-size:3rem;color:#f59e0b;background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(245,158,11,.3);transition:all .3s ease}.success-modal{border:1px solid rgba(16,185,129,.2);box-shadow:0 20px 60px #00000080,0 0 0 1px #10b9814d}.success-icon{text-align:center;margin-bottom:20px;transition:all .3s ease}.success-icon i{font-size:3rem;color:#10b981;background:linear-gradient(135deg,#10b9811a,#0596691a);width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(16,185,129,.3);transition:all .3s ease}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-success:hover{background:linear-gradient(135deg,#0da977,#04875b);transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#c084fc;font-size:1.5rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2;flex-shrink:0}.modal-close:hover{background:#a855f71a;color:#fff;transform:rotate(90deg)}@media (min-width: 1440px){.warning-modal,.hint-modal,.success-modal{max-width:550px}}@media (max-width: 1440px){.warning-modal h3,.hint-modal h3,.success-modal h3{font-size:1.7rem}.warning-modal p,.hint-modal p,.success-modal p,.hint-content p{font-size:1.05rem}}@media (max-width: 1024px){.modal-overlay{padding:15px}.warning-modal,.hint-modal,.success-modal{padding:35px 30px;width:85%}.warning-modal h3,.hint-modal h3,.success-modal h3{font-size:1.6rem}.warning-modal h3:after,.hint-modal h3:after,.success-modal h3:after{width:50px;height:3px}.warning-icon i,.hint-icon i,.success-icon i{width:75px;height:75px;font-size:2.8rem}.hint-content{padding:22px}}@media (max-width: 900px){.warning-modal,.hint-modal,.success-modal{padding:30px 25px;width:90%}.warning-modal h3,.hint-modal h3,.success-modal h3{font-size:1.5rem}.warning-modal p,.hint-modal p,.success-modal p{font-size:1rem;margin-bottom:25px}.warning-buttons{gap:12px}.btn-cancel,.btn-understood,.btn-okay,.btn-success{padding:13px 25px;font-size:.95rem;min-width:120px}.modal-close{top:15px;right:15px;width:35px;height:35px;font-size:1.3rem}}@media (max-width: 768px){.modal-overlay{padding:40px 10px 10px;align-items:flex-start}.warning-modal,.hint-modal,.success-modal{padding:30px 20px;width:95%;max-height:85vh;margin:auto}.warning-modal h3,.hint-modal h3,.success-modal h3{font-size:1.4rem;margin-bottom:15px}.warning-modal h3:after,.hint-modal h3:after,.success-modal h3:after{width:45px;height:3px;margin:8px auto 0}.warning-modal p,.hint-modal p,.success-modal p{font-size:.95rem;line-height:1.5;margin-bottom:20px}.warning-buttons{flex-direction:column;gap:10px}.btn-cancel,.btn-understood,.btn-okay,.btn-success{width:100%;min-width:0;padding:14px 20px;font-size:1rem}.warning-icon i,.hint-icon i,.success-icon i{font-size:2.5rem;width:70px;height:70px;margin-bottom:15px}.hint-content{padding:20px;margin-bottom:25px}.hint-content p{font-size:1rem;line-height:1.6}.modal-close{top:12px;right:12px;width:32px;height:32px;font-size:1.2rem}}@media (max-width: 576px){.modal-overlay{padding:30px 5px 5px}.warning-modal,.hint-modal,.success-modal{padding:25px 18px;border-radius:16px}.warning-modal h3,.hint-modal h3,.success-modal h3{font-size:1.3rem}.warning-modal p,.hint-modal p,.success-modal p{font-size:.9rem;margin-bottom:20px}.warning-icon i,.hint-icon i,.success-icon i{width:65px;height:65px;font-size:2.2rem;border-width:1.5px}.hint-content{padding:18px;border-radius:10px}.hint-content p{font-size:.95rem}.btn-cancel,.btn-understood,.btn-okay,.btn-success{padding:13px 18px;font-size:.95rem;border-radius:8px}.modal-close{top:10px;right:10px}}@media (max-width: 425px){.warning-modal,.hint-modal,.success-modal{padding:22px 15px;width:98%}.warning-modal h3,.hint-modal h3,.success-modal h3{font-size:1.2rem}.warning-modal h3:after,.hint-modal h3:after,.success-modal h3:after{width:40px}.warning-modal p,.hint-modal p,.success-modal p{font-size:.85rem}.warning-icon i,.hint-icon i,.success-icon i{width:60px;height:60px;font-size:2rem}.hint-content p{font-size:.9rem}.btn-cancel,.btn-understood,.btn-okay,.btn-success{padding:12px 16px;font-size:.9rem}.modal-close{width:30px;height:30px;font-size:1.1rem}}@media (max-width: 375px){.warning-modal,.hint-modal,.success-modal{padding:20px 12px;border-radius:14px}.warning-modal h3,.hint-modal h3,.success-modal h3{font-size:1.1rem}.warning-modal p,.hint-modal p,.success-modal p{font-size:.8rem;line-height:1.4}.warning-icon i,.hint-icon i,.success-icon i{width:55px;height:55px;font-size:1.8rem}.hint-content{padding:15px}.hint-content p{font-size:.85rem;line-height:1.5}.btn-cancel,.btn-understood,.btn-okay,.btn-success{padding:11px 14px;font-size:.85rem}}@media (hover: none) and (pointer: coarse){.btn-cancel:hover,.btn-understood:hover,.btn-okay:hover,.btn-success:hover,.modal-close:hover{transform:none}.btn-cancel:active,.btn-understood:active,.btn-okay:active,.btn-success:active{transform:scale(.98)}.modal-close:active{transform:rotate(90deg)}.btn-cancel,.btn-understood,.btn-okay,.btn-success,.modal-close{min-height:44px}}@media (prefers-color-scheme: dark){.modal-overlay{background:#05050af7}}@media print{.modal-overlay{position:relative;background:#fff!important;padding:0;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.warning-modal,.hint-modal,.success-modal{background:#fff!important;border:2px solid #333!important;box-shadow:none!important;max-width:100%!important;width:100%!important;max-height:none!important;page-break-inside:avoid}.warning-modal h3,.hint-modal h3,.success-modal h3{color:#000!important;text-shadow:none!important}.warning-modal p,.hint-modal p,.success-modal p,.hint-content p{color:#333!important}.warning-icon i,.hint-icon i,.success-icon i{color:#333!important;background:#f5f5f5!important;border-color:#ccc!important}.hint-content{background:#f9f9f9!important;border-color:#ddd!important}.btn-cancel,.btn-understood,.btn-okay,.btn-success,.modal-close{display:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.warning-modal,.hint-modal,.success-modal{border-width:.5px}.warning-icon i,.hint-icon i,.success-icon i{border-width:1.5px}}@media (prefers-reduced-motion: reduce){.modal-overlay,.warning-modal,.hint-modal,.success-modal{animation:none}.btn-cancel,.btn-understood,.btn-okay,.btn-success,.modal-close{transition:none}.btn-cancel:hover,.btn-understood:hover,.btn-okay:hover,.btn-success:hover,.modal-close:hover{transform:none}}@media (orientation: landscape) and (max-height: 600px){.modal-overlay{align-items:flex-start;padding-top:10px}.warning-modal,.hint-modal,.success-modal{max-height:80vh;overflow-y:auto;margin-top:10px}.warning-modal h3,.hint-modal h3,.success-modal h3{font-size:1.2rem}.warning-modal p,.hint-modal p,.success-modal p{font-size:.9rem;margin-bottom:15px}.warning-icon i,.hint-icon i,.success-icon i{width:50px;height:50px;font-size:1.8rem}}.debugging-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e);position:relative;overflow-x:hidden}.debugging-page:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(74,27,107,.8) 0%,transparent 100%);z-index:0}.debugging-container{max-width:1400px;margin:50px auto 0;padding:40px 20px;position:relative;z-index:1;transition:padding .3s ease}.welcome-section{text-align:center;margin:40px 0 60px;padding:40px;background:#1e1432f2;border-radius:20px;box-shadow:0 10px 40px #0006,0 0 0 1px #a855f733;border:1px solid rgba(168,85,247,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.welcome-section h1{font-size:2.5rem;color:#fff;margin-bottom:15px;text-shadow:0 0 15px rgba(168,85,247,.4);transition:font-size .3s ease}.welcome-section .highlight{background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-section p{font-size:1.2rem;color:#c084fc;margin-bottom:25px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;transition:font-size .3s ease}.current-selection{display:flex;justify-content:center;gap:15px;margin-top:30px;flex-wrap:wrap}.badge{padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#9333ea);color:#fff;border-radius:50px;font-weight:700;font-size:1rem;box-shadow:0 4px 15px #8b5cf64d;border:1px solid rgba(168,85,247,.3);transition:all .3s ease;white-space:nowrap}.badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.badge.secondary{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 15px #06b6d44d}.badge.tertiary{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 15px #ec48994d}.action-buttons{display:flex;justify-content:space-between;margin:40px 0;padding:0 10px;gap:20px;transition:all .3s ease}.btn-back{background:linear-gradient(135deg,#2d1b4e,#1e1432);color:#c084fc;padding:15px 35px;font-size:1.1rem;font-weight:600;border:2px solid rgba(168,85,247,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;flex:1;min-width:160px}.btn-back:hover{background:linear-gradient(135deg,#1e1432,#0a0a0f);transform:translateY(-2px);box-shadow:0 6px 20px #a855f733;border-color:#a855f780}.btn-hint{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:15px 35px;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f59e0b4d;flex:1;min-width:160px}.btn-hint:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-hint:disabled{opacity:.5;cursor:not-allowed;background:#2d1b4e;color:#5b2a7f;box-shadow:none}.code-editors-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px;transition:all .3s ease}.validation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0ff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spinner{width:60px;height:60px;border:5px solid rgba(30,20,50,.3);border-top-color:#a855f7;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:25px;box-shadow:0 0 20px #a855f780}.validation-message{color:#c084fc;font-size:1.3rem;font-weight:600;text-align:center;max-width:500px;margin:0 auto;text-shadow:0 0 10px rgba(168,85,247,.3);padding:0 20px}.validation-message .highlight{color:#a855f7;font-weight:700}.floating-shapes{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:0}.floating-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#a855f71a,#ec48991a);filter:blur(30px);animation:floatAnimation 15s ease-in-out infinite}.floating-shape:nth-child(1){width:300px;height:300px;top:10%;left:5%;animation-delay:0s}.floating-shape:nth-child(2){width:200px;height:200px;top:60%;right:10%;animation-delay:-5s}.floating-shape:nth-child(3){width:150px;height:150px;bottom:20%;left:15%;animation-delay:-10s}@keyframes floatAnimation{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-40px) rotate(180deg)}}@media (min-width: 1440px){.debugging-container{max-width:1600px}.code-editors-container{gap:40px}}@media (max-width: 1440px){.debugging-container{max-width:1200px}.welcome-section{padding:35px}.code-editors-container{gap:25px}}@media (max-width: 1200px){.debugging-container{max-width:100%;padding:35px 25px}.welcome-section h1{font-size:2.2rem}.welcome-section p{font-size:1.1rem}.code-editors-container{gap:20px}.action-buttons{margin:35px 0}.btn-back,.btn-hint{padding:14px 30px;font-size:1.05rem}}@media (max-width: 1024px){.code-editors-container{grid-template-columns:1fr;gap:25px}.debugging-container{padding:30px 20px}.welcome-section{margin:30px 0 50px;padding:30px}.welcome-section h1{font-size:2rem}.action-buttons{margin:30px 0}.floating-shape:nth-child(1){width:200px;height:200px;top:5%;left:5%}.floating-shape:nth-child(2){width:150px;height:150px;top:70%;right:5%}.floating-shape:nth-child(3){display:none}}@media (max-width: 768px){.welcome-section{padding:25px 20px;margin:20px 0 40px;border-radius:16px}.welcome-section h1{font-size:1.8rem;margin-bottom:12px}.welcome-section p{font-size:1.05rem;margin-bottom:20px}.action-buttons{flex-direction:column;gap:15px;margin:30px 0;padding:0}.btn-back,.btn-hint{width:100%;text-align:center;padding:16px;font-size:1.1rem;min-width:0}.current-selection{gap:10px;margin-top:25px}.badge{padding:10px 20px;font-size:.9rem;border-radius:40px}.debugging-container{padding:25px 15px}.code-editors-container{gap:20px;margin-top:25px}.floating-shape:nth-child(1),.floating-shape:nth-child(2){display:none}}@media (max-width: 576px){.debugging-container{padding:20px 12px}.welcome-section{padding:22px 18px;margin:15px 0 35px}.welcome-section h1{font-size:1.6rem}.welcome-section p{font-size:1rem;line-height:1.5}.action-buttons{margin:25px 0}.btn-back,.btn-hint{padding:15px;font-size:1rem}.current-selection{gap:8px}.badge{padding:9px 18px;font-size:.85rem}.code-editors-container{gap:15px;margin-top:20px}.validation-message{font-size:1.1rem;padding:0 15px}.spinner{width:50px;height:50px;border-width:4px}}@media (max-width: 425px){.debugging-page:before{height:60px}.debugging-container{padding:18px 10px}.welcome-section{padding:20px 15px;border-radius:14px}.welcome-section h1{font-size:1.4rem}.welcome-section p{font-size:.95rem}.action-buttons{margin:20px 0;gap:12px}.btn-back,.btn-hint{padding:14px;font-size:.95rem;border-radius:10px}.current-selection{justify-content:center}.badge{padding:8px 16px;font-size:.8rem}.code-editors-container{gap:12px}.validation-message{font-size:1rem}}@media (max-width: 375px){.welcome-section h1{font-size:1.3rem}.welcome-section p{font-size:.9rem}.btn-back,.btn-hint{padding:13px;font-size:.9rem}.badge{padding:7px 14px;font-size:.75rem}.debugging-container{padding:15px 8px}}@media (max-width: 320px){.welcome-section h1{font-size:1.2rem}.welcome-section p{font-size:.85rem}.btn-back,.btn-hint{padding:12px;font-size:.85rem}.badge{padding:6px 12px;font-size:.7rem}.validation-message{font-size:.9rem}.spinner{width:40px;height:40px;border-width:3px;margin-bottom:20px}}@media (hover: none) and (pointer: coarse){.btn-back:hover,.btn-hint:hover:not(:disabled),.badge:hover{transform:none}.btn-back:active,.btn-hint:active:not(:disabled),.badge:active{transform:scale(.98)}.btn-back,.btn-hint{min-height:44px}}@media (prefers-color-scheme: dark){.debugging-page{background:linear-gradient(135deg,#05050a,#0f0f1e)}}@media print{.debugging-page{background:#fff}.welcome-section{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;color:#000!important}.welcome-section h1{color:#000!important;text-shadow:none!important}.welcome-section .highlight{background:none!important;-webkit-text-fill-color:black!important;color:#000!important}.welcome-section p{color:#333!important}.action-buttons,.floating-shapes{display:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.debugging-page{background-image:linear-gradient(135deg,#0a0a0f,#1a1a2e),radial-gradient(circle at 20% 50%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(6,182,212,.1) 0%,transparent 50%)}}@media (orientation: landscape) and (max-height: 600px){.welcome-section{padding:20px;margin:15px 0 30px}.welcome-section h1{font-size:1.6rem}.action-buttons{margin:25px 0}.code-editors-container{grid-template-columns:1fr 1fr;gap:15px}}@media (prefers-reduced-motion: reduce){.floating-shape,.spinner{animation:none}.btn-back:hover,.btn-hint:hover:not(:disabled),.badge:hover{transform:none}}.start-screen{text-align:center;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin:40px 0 50px}.feature-card{background:#281e46b3;padding:25px;border-radius:16px;text-align:center;border:1px solid rgba(168,85,247,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-5px);border-color:#a855f766;box-shadow:0 10px 30px #a855f733}.feature-icon{font-size:3rem;margin-bottom:15px;display:block}.feature-card h3{color:#fff;margin-bottom:10px;font-size:1.4rem}.feature-card p{color:#c084fc;font-size:.95rem;line-height:1.5}.btn-start-debugging{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;padding:18px 45px;font-size:1.3rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #8b5cf666;margin:20px 0 15px;position:relative;overflow:hidden}.btn-start-debugging:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn-start-debugging:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8b5cf699}.btn-start-debugging:hover:before{left:100%}.btn-start-debugging:active{transform:translateY(-1px)}.instruction-text{color:#8b5cf6;font-size:1rem;margin-top:15px;opacity:.8}.btn-change-selection{background:transparent;color:#8b5cf6;padding:10px 20px;font-size:.9rem;font-weight:600;border:1px solid rgba(139,92,246,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;margin-left:10px}.btn-change-selection:hover{background:#8b5cf61a;border-color:#8b5cf699}.modal-subtitle{color:#a855f7;font-size:1.1rem;margin-bottom:40px;opacity:.9}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:20px}.btn-start-debugging{padding:16px 35px;font-size:1.2rem}}.contact-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e);color:#fff}.contact-hero{background:linear-gradient(135deg,#4a1b6b,#5b2a7f);padding:120px 20px 80px;text-align:center;position:relative;overflow:hidden;margin-top:70px}.contact-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');opacity:.3}.contact-hero .hero-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;text-shadow:0 0 20px rgba(168,85,247,.4)}.contact-hero .highlight{background:linear-gradient(90deg,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-hero .hero-subtitle{font-size:1.3rem;color:#c084fc;max-width:600px;margin:0 auto;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.contact-main{padding:80px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-form-container{background:#1e143266;border-radius:16px;padding:40px;border:1px solid rgba(168,85,247,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px #0000004d}.form-header{margin-bottom:40px}.form-header h2{font-size:2.2rem;margin-bottom:10px;background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-header p{color:#ffffffb3;font-size:1.1rem}.contact-form{display:flex;flex-direction:column;gap:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#c084fc;display:flex;align-items:center;gap:8px;font-size:.95rem}.input-icon{font-size:.9rem;opacity:.8}.form-group input,.form-group select,.form-group textarea{background:#0a0a0fcc;border:2px solid rgba(168,85,247,.3);border-radius:8px;padding:14px 16px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group textarea{resize:vertical;min-height:150px;font-family:inherit}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23A855F7' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;cursor:pointer}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.85rem;display:flex;align-items:center;gap:6px;margin-top:4px}.message-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.char-count{font-size:.85rem;color:#ffffff80}.social-contact-section{margin:30px 0;padding:25px;background:#0a0a0f99;border-radius:12px;border:1px solid rgba(168,85,247,.2);text-align:center}.social-contact-divider{position:relative;margin:20px 0}.social-contact-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#a855f74d}.social-contact-divider span{background:#0a0a0fcc;padding:0 20px;color:#c084fc;font-weight:600;position:relative;font-size:.9rem}.social-contact-text{color:#fffc;margin-bottom:20px;font-size:1rem}.social-icons-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.social-contact-btn{width:50px;height:50px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--social-color),var(--social-color));color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.social-contact-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.social-tooltip{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.social-contact-btn:hover .social-tooltip{opacity:1;visibility:visible}.submit-btn{background:linear-gradient(135deg,#8b5cf6,#9333ea);color:#fff;border:none;border-radius:10px;padding:16px 32px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;margin-top:20px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf666}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:10px;padding:20px;margin-top:20px;display:flex;align-items:flex-start;gap:15px;animation:slideIn .5s ease}.success-message svg{color:#22c55e;font-size:1.5rem;flex-shrink:0;margin-top:2px}.success-message h4{color:#22c55e;margin-bottom:5px;font-size:1.1rem}.success-message p{color:#fffc;font-size:.95rem;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-info-container{position:sticky;top:100px}.info-card{background:#1e143266;border-radius:16px;padding:40px;border:1px solid rgba(168,85,247,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px #0000004d}.info-card h3{font-size:1.8rem;margin-bottom:15px;background:linear-gradient(135deg,#06b6d4,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-description{color:#ffffffb3;margin-bottom:30px;line-height:1.6}.info-items{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}.info-item{display:flex;gap:20px;align-items:flex-start}.info-icon-wrapper{width:50px;height:50px;background:#a855f71a;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(168,85,247,.2)}.info-icon-wrapper svg{color:#a855f7;font-size:1.2rem}.info-content h4{font-size:1.1rem;margin-bottom:5px;color:#c084fc}.info-link,.info-content p{color:#fffc;font-size:1rem;text-decoration:none;transition:color .3s ease}.info-link:hover{color:#a855f7}.response-time{margin-bottom:30px;padding:20px;background:#0a0a0f99;border-radius:12px;border:1px solid rgba(168,85,247,.2)}.response-time h4{font-size:1.1rem;margin-bottom:15px;color:#c084fc}.time-indicators{display:flex;gap:20px}.time-indicator{flex:1;text-align:center;padding:15px;background:#a855f70d;border-radius:8px;border:1px solid rgba(168,85,247,.1)}.time-label{display:block;font-size:.9rem;color:#fff9;margin-bottom:5px}.time-value{display:block;font-size:1.1rem;font-weight:600;color:#a855f7}.emergency-note{display:flex;gap:15px;align-items:flex-start;padding:20px;background:#ef44441a;border-radius:12px;border:1px solid rgba(239,68,68,.2)}.emergency-note svg{color:#ef4444;font-size:1.2rem;flex-shrink:0;margin-top:2px}.emergency-note p{color:#ffffffe6;font-size:.95rem;margin:0;line-height:1.5}.contact-faq{padding:80px 0;background:#0a0a0f80}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.5rem;margin-bottom:15px;background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{color:#ffffffb3;font-size:1.1rem;max-width:600px;margin:0 auto}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.faq-item{background:#1e143266;border-radius:12px;padding:30px;border:1px solid rgba(168,85,247,.2);transition:transform .3s ease}.faq-item:hover{transform:translateY(-5px);border-color:#a855f766}.faq-item h4{font-size:1.2rem;margin-bottom:15px;color:#c084fc}.faq-item p{color:#ffffffb3;line-height:1.6;margin:0}@media (max-width: 1024px){.contact-grid{gap:40px}.contact-form-container,.info-card{padding:30px}.form-row{gap:15px}}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:40px}.contact-info-container{position:static}.contact-hero{padding:100px 20px 60px;margin-top:60px}.contact-hero .hero-title{font-size:2.5rem}.contact-hero .hero-subtitle{font-size:1.1rem}.form-row{grid-template-columns:1fr}.time-indicators{flex-direction:column;gap:15px}.faq-grid{grid-template-columns:1fr}}@media (max-width: 480px){.contact-form-container,.info-card{padding:25px 20px}.contact-hero{padding:80px 20px 40px;margin-top:60px}.contact-hero .hero-title{font-size:2rem}.contact-hero .hero-subtitle{font-size:1rem}.form-header h2{font-size:1.8rem}.social-icons-container{gap:15px}.social-contact-btn{width:45px;height:45px;font-size:1.1rem}.section-header h2{font-size:2rem}}@media (prefers-reduced-motion: reduce){.contact-form-container,.contact-info-container,.faq-item,.social-contact-btn,.submit-btn,.success-message{transition:none;animation:none}.faq-item:hover,.social-contact-btn:hover,.submit-btn:hover{transform:none}}