@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap";
:root{--font-primary:"Sora",sans-serif;--color-bg:#fff;--color-bg-rgb:255,255,255;--color-text:#1a1a1a;--color-text-secondary:#666;--color-primary:#000;--color-primary-rgb:0,0,0;--color-primary-light:#f0f0f0;--color-primary-dark:#333;--color-secondary:#4d4d4d;--color-accent:#333;--color-border:#e0e0e0;--color-card-bg:#f9f9f9;--border-radius:12px;--transition-speed:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sora,sans-serif;line-height:1.7;transition:background-color .3s,color .3s;overflow-x:hidden}.default-avatar,.default-avatar-large,.avatar-placeholder{font-weight:700;font-family:var(--font-primary);border-radius:50%;justify-content:center;align-items:center;display:flex;background:var(--color-primary)!important;color:var(--color-bg)!important}.default-avatar{font-size:.9rem}.default-avatar-large{font-size:3rem}.avatar-placeholder{font-size:2rem}.profile-avatar{background:var(--color-primary);width:40px;height:40px;color:var(--color-bg);font-size:.9rem;font-weight:600;font-family:var(--font-primary);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.learning-workspace{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.learning-workspace.loading{justify-content:center;align-items:center;display:flex}.loading-spinner{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:16px;display:flex}.workspace-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:-webkit-sticky;position:sticky;top:0}.back-btn{background:var(--color-primary-light);border:1px solid var(--color-border);color:var(--color-text);transition:all var(--transition-speed);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;text-decoration:none;display:flex}.back-btn:hover{background:var(--color-border)}.breadcrumb{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumb span:not(:last-child){font-weight:500}.header-right{align-items:center;gap:16px;display:flex}.user-info{color:var(--color-text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.workspace-content{grid-template-columns:1fr 400px;gap:24px;height:calc(100vh - 80px);padding:24px;display:grid;overflow:hidden}.problem-section{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);height:100%;padding:24px;overflow-y:auto}.problem-header{margin-bottom:20px}.problem-header h1{color:var(--color-text);margin-bottom:12px;font-size:24px;font-weight:700}.problem-meta{align-items:center;gap:16px;display:flex}.difficulty{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.difficulty.easy{color:#155724;background:#d4edda}.difficulty.medium{color:#856404;background:#fff3cd}.difficulty.hard{color:#721c24;background:#f8d7da}.complexity{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:14px;display:flex}.problem-description{color:var(--color-text);margin-bottom:24px;line-height:1.7}.quick-actions{flex-wrap:wrap;gap:12px;display:flex}.action-btn{cursor:pointer;transition:all var(--transition-speed);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.action-btn.primary{background:var(--color-primary);color:var(--color-bg)}.action-btn.primary:hover{background:var(--color-primary-dark)}.action-btn.secondary{background:var(--color-primary-light);color:var(--color-text);border:1px solid var(--color-border)}.action-btn.secondary:hover{background:var(--color-border)}.workspace-sidebar{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);flex-direction:column;height:100%;display:flex;overflow:hidden}.sidebar-tabs{border-bottom:1px solid var(--color-border);display:flex}.tab-btn{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-speed);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:500;display:flex}.tab-btn.active{background:var(--color-bg);color:var(--color-text);border-bottom:2px solid var(--color-primary)}.tab-btn:hover:not(.active){background:var(--color-primary-light)}.chat-container{flex-direction:column;height:100%;display:flex}.message{flex-direction:column;gap:8px;display:flex}.message.user{align-items:flex-end}.message.ai{align-items:flex-start}.message-content{border-radius:16px;max-width:85%;padding:12px 16px;font-size:14px;line-height:1.5}.message.user .message-content{background:var(--color-primary);color:var(--color-bg);border-bottom-right-radius:4px}.message.ai .message-content{background:var(--color-primary-light);color:var(--color-text);border-bottom-left-radius:4px}.message-text p{margin-bottom:8px}.message-text p:last-child{margin-bottom:0}.message-buttons{flex-direction:column;gap:8px;margin-top:12px;display:flex}.response-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-speed);text-align:left;border-radius:8px;padding:8px 16px;font-size:13px}.response-btn:hover{background:var(--color-border);border-color:var(--color-primary)}.message.user .message-time{text-align:right}.typing-indicator{background:var(--color-primary-light);color:var(--color-text-secondary);border-radius:16px 16px 16px 4px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.dots{gap:4px;display:flex}.dots span{background:var(--color-text-secondary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typing}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-input{border-top:1px solid var(--color-border);gap:8px;padding:16px;display:flex}.chat-input input{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-speed);border-radius:24px;outline:none;flex:1;padding:12px 16px;font-size:14px}.chat-input input:focus{border-color:var(--color-primary)}.chat-input button{background:var(--color-primary);color:var(--color-bg);cursor:pointer;transition:all var(--transition-speed);border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px;display:flex}.chat-input button:hover:not(:disabled){background:var(--color-primary-dark)}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.notes-container{flex-direction:column;height:100%;display:flex}.notes-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px;display:flex}.notes-header h3{color:var(--color-text);font-size:16px;font-weight:600}.add-note-btn{background:var(--color-primary);color:var(--color-bg);cursor:pointer;transition:all var(--transition-speed);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.add-note-btn:hover{background:var(--color-primary-dark)}.notes-list{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.note-card{background:var(--color-bg);border:1px solid var(--color-border);transition:all var(--transition-speed);border-radius:8px;padding:16px}.note-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,.1)}.note-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.note-header h4{color:var(--color-text);font-size:14px;font-weight:600}.note-actions{gap:4px;display:flex}.edit-btn,.save-btn{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-speed);background:0 0;border:none;border-radius:4px;padding:4px}.edit-btn:hover,.save-btn:hover{background:var(--color-primary-light);color:var(--color-text)}.note-content{margin-bottom:8px}.note-content textarea{border:1px solid var(--color-border);background:var(--color-bg);width:100%;min-height:80px;color:var(--color-text);font-size:13px;line-height:1.5;font-family:var(--font-primary);resize:vertical;border-radius:4px;outline:none;padding:8px}.note-content textarea:focus{border-color:var(--color-primary)}.note-text{color:var(--color-text);font-size:13px;line-height:1.6}.note-text p{margin-bottom:8px}.note-text p:last-child{margin-bottom:0}.note-timestamp{color:var(--color-text-secondary);opacity:.7;font-size:11px}@media (max-width:1024px){.workspace-content{grid-template-rows:1fr 400px;grid-template-columns:1fr}.workspace-sidebar{height:400px}}@media (max-width:768px){.workspace-content{grid-template-rows:1fr 350px;gap:16px;padding:16px}.problem-section{padding:16px}.workspace-header{padding:8px 16px}.header-left{gap:12px}.breadcrumb{font-size:12px}.quick-actions{flex-direction:column}}.container{width:90%;max-width:1200px;margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-section{opacity:0;animation:1s ease-out forwards fadeIn}.fade-in-up{opacity:0;animation:.8s ease-out forwards fadeInUp}.main-header{transition:all var(--transition-speed);background:#fff;border-bottom:1px solid rgba(0,0,0,.1);padding:20px 0;position:static}.main-header .container{justify-content:flex-start;align-items:center;gap:40px;padding-left:12px;padding-right:12px;display:flex}.header-content{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.header-left{flex-shrink:0;align-items:center;display:flex}.header-center{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.header-right{flex-shrink:0;align-items:center;gap:16px;margin-left:auto;display:flex}.user-info{align-items:center;gap:12px;display:flex}.header-back-btn{background:var(--color-bg-secondary);width:40px;height:40px;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.header-back-btn:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}.profile-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.profile-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.profile-btn:hover .profile-avatar{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.logo-link{transition:all var(--transition-speed);color:var(--color-primary);flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.logo-link:hover{filter:brightness(1.1);transform:scale(1.05)}.footer-left>*{transition:all var(--transition-speed)}.footer-left:hover>*{filter:brightness(1.1);transform:scale(1.05)}.main-nav{justify-content:space-between;align-items:center;gap:25px;width:100%;display:flex}.nav-links{gap:25px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#495057;padding:8px 16px;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background-color:#000;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover{color:#000}.nav-links a:hover:after{width:100%}.btn{border:2px solid transparent;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-join{color:#fff;background:#000;border-color:#000}.btn-join:hover:before{left:100%}.btn-login{color:#000;background:#fff;border-color:rgba(0,0,0,.2)}.btn-login:hover{background:rgba(0,0,0,.05);border-color:#000;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.nav-actions{align-items:center;gap:15px;margin-left:auto;display:flex}.plus-button-container{z-index:1001;position:relative}.plus-button{color:#000;cursor:pointer;background:#fff;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:700;line-height:1;transition:all .3s;display:flex;position:relative;overflow:hidden}.plus-button:hover{color:#fff;background:#000;transform:scale(1.1)}.plus-button-container.active .plus-button{color:#fff;background:#000;transform:rotate(45deg)scale(1.1)}.dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;z-index:1002;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;flex-direction:column;gap:10px;width:200px;padding:15px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50px;right:0;transform:translateY(-10px)scale(.95);box-shadow:0 20px 40px rgba(0,0,0,.15)}.plus-button-container:hover .dropdown-menu,.plus-button-container.active .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.dropdown-btn{text-align:center;border:1px solid rgba(0,0,0,.1);border-radius:8px;width:100%;margin-bottom:8px;padding:12px 16px;font-weight:600;text-decoration:none;transition:all .3s;display:block}.dropdown-btn:last-child{margin-bottom:0}.btn{transition:all var(--transition-speed);cursor:pointer;border:2px solid transparent;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.btn-join{color:#fff;background:#000;border:2px solid #000}.btn-join:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.btn-login{color:#000;background:#fff;border:2px solid rgba(0,0,0,.2)}.btn-login:hover{background:rgba(0,0,0,.05);border-color:#000;transform:translateY(-2px)}.btn-primary{background-color:var(--color-primary);color:var(--color-bg);border:2px solid var(--color-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-border);background-color:transparent}.btn-secondary:hover{background-color:var(--color-card-bg);border-color:var(--color-primary)}.hero{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);align-items:center;min-height:90vh;padding:80px 0;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.hero .container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-text{opacity:0;animation:1s .3s forwards fadeInUp}.hero-text span{color:var(--color-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:15px;font-size:1.1rem;font-weight:600;display:block}.hero-text h1{color:var(--color-primary);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:25px;font-size:max(2.5rem,min(5vw,4rem));font-weight:800;line-height:1.1}.hero-text p{color:var(--color-secondary);max-width:500px;margin-bottom:30px;font-size:1.2rem;line-height:1.7}.hero-card{color:var(--color-secondary);opacity:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:40px;font-size:1.1rem;line-height:1.8;transition:all .4s;animation:1s .6s forwards fadeInUp;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.1)}.hero-card:before{content:"";background:linear-gradient(90deg,#000,#333);border-radius:20px 20px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.hero-card:hover{transform:translateY(-10px);box-shadow:0 30px 80px rgba(0,0,0,.15)}.section{padding:100px 0;position:relative}.section-title{text-align:center;color:var(--color-primary);margin-bottom:20px;font-size:max(2rem,min(4vw,3rem));font-weight:800;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,#000,#333);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.section-subtitle{text-align:center;color:var(--color-secondary);max-width:700px;margin:0 auto 60px;font-size:1.2rem;line-height:1.6}.languages-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-top:50px;display:grid}.lang-card{text-align:center;cursor:pointer;background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:16px;padding:30px 25px;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.lang-card:hover{color:#fff;background:linear-gradient(135deg,#000,#333);border-color:#000;transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.ai-features{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;display:grid}.feature-item{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05)}.feature-item:hover{border-color:rgba(0,0,0,.15);transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.feature-icon{color:var(--color-primary);margin-bottom:20px;font-size:3rem;display:block}.feature-item h3{color:var(--color-primary);margin-bottom:15px;font-size:1.5rem;font-weight:700}.feature-item p{color:var(--color-secondary);margin:0;font-size:1rem;line-height:1.6}.cta{text-align:center;color:#fff;background:linear-gradient(135deg,#000 0%,#333 100%);position:relative;overflow:hidden}.cta:before{content:"";opacity:.3;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.cta .container{z-index:1;position:relative}.cta .section-title{color:#fff}.cta .section-title:after{background:linear-gradient(90deg,#fff,#f8f9fa)}.cta .section-subtitle{color:rgba(255,255,255,.8)}.cta-btn{color:#000;background:#fff;border:2px solid #fff;border-radius:50px;margin-top:30px;padding:20px 50px;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.cta-btn:hover{background:#f8f9fa;transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.main-footer{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-top:1px solid rgba(0,0,0,.08);padding:60px 0}.main-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-left .copyright{color:var(--color-secondary);font-size:.95rem;font-weight:500}.footer-right{align-items:center;gap:40px;display:flex}.footer-nav{gap:30px;margin:0;padding:0;list-style:none;display:flex}.footer-nav a{color:var(--color-secondary);padding:8px 12px;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.footer-nav a:after{content:"";background-color:var(--color-primary);width:calc(100% - 24px);height:2px;transition:transform .3s;position:absolute;bottom:0;left:12px;right:12px;transform:scaleX(0)}.footer-nav a:hover{color:var(--color-primary)}.footer-nav a:hover:after{transform:scaleX(1)}.page-content{min-height:calc(100vh - 140px);padding-top:100px}.hero-page{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);color:var(--color-bg);text-align:center;margin-bottom:3rem;padding:4rem 0}.page-title{text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:1rem;font-size:3rem;font-weight:800}.page-subtitle{opacity:.9;margin-bottom:.5rem;font-size:1.3rem;font-weight:300}.content-section{padding:3rem 0}.content-grid{grid-template-columns:2fr 1fr;align-items:start;gap:4rem;display:grid}.content-main{max-width:none}.content-main h2{color:var(--color-primary);border-bottom:3px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:2.2rem;font-weight:700}.content-main h3{color:var(--color-primary);margin:2.5rem 0 1rem;font-size:1.6rem;font-weight:600}.content-main p{color:var(--color-text);margin-bottom:1.5rem;line-height:1.7}.feature-list{gap:2rem;margin:2rem 0;display:grid}.feature-item{background:var(--color-card-bg);border-radius:var(--border-radius);border:1px solid var(--color-border);transition:all var(--transition-speed);padding:2rem}.feature-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.feature-item h4{color:var(--color-primary);margin-top:0;margin-bottom:1rem;font-size:1.2rem}.feature-item p{color:var(--color-secondary);margin-bottom:0}.tech-list{gap:.8rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.tech-list li{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;margin-bottom:0;padding:1rem 1.5rem}.tech-list strong{color:var(--color-primary);min-width:140px;display:inline-block}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{color:var(--color-primary);margin-bottom:.5rem;font-weight:600;display:block}.form-input{border:2px solid var(--color-border);background-color:var(--color-bg);width:100%;color:var(--color-text);transition:all var(--transition-speed);border-radius:12px;padding:16px 20px;font-family:inherit;font-size:1rem}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(0,0,0,.1)}.form-input::placeholder{color:var(--color-secondary);opacity:.7}.message{text-align:center;border-radius:8px;margin-bottom:20px;padding:15px 20px;font-weight:600}.message.success{color:#065f46;background-color:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}.message.error{color:#991b1b;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.terms-text{text-align:center;color:var(--color-secondary);margin-top:25px;font-size:.9rem;line-height:1.5}.terms-link{color:var(--color-primary);font-weight:600;text-decoration:none}.terms-link:hover{text-decoration:underline}.auth-redirect{text-align:center;border-top:1px solid var(--color-border);margin-top:40px;padding:20px}.auth-redirect p{color:var(--color-secondary);margin:0;font-size:.95rem}.signin-link:hover{opacity:.8;text-decoration:underline}.join-main{background:linear-gradient(135deg,var(--color-bg)0%,var(--color-card-bg)100%);align-items:flex-start;min-height:85vh;padding:30px 0 40px;display:flex}.join-content-wrapper{grid-template-columns:1fr 1fr;align-items:flex-start;gap:40px;width:100%;max-width:1400px;min-height:60vh;margin:0 auto;padding:20px 0;display:grid}.welcome-content{max-width:100%;padding:0 20px}.welcome-header h1{color:var(--color-primary);margin-bottom:20px;font-size:3rem;font-weight:800;line-height:1.2}.welcome-header p{color:var(--color-secondary);margin-bottom:40px;font-size:1.2rem;line-height:1.6}.join-options{flex-direction:column;gap:20px;margin-bottom:40px;display:flex}.join-option-btn{background:var(--color-card-bg);border:2px solid var(--color-border);text-align:left;cursor:pointer;transition:all var(--transition-speed);border-radius:16px;align-items:center;gap:20px;width:100%;padding:24px;display:flex}.join-option-btn:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.join-option-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-bg)}.option-icon{flex-shrink:0;font-size:2rem}.option-content h3{color:inherit;margin-bottom:5px;font-size:1.3rem;font-weight:700}.option-content p{color:var(--color-secondary);margin:0;font-size:.95rem;line-height:1.4}.join-option-btn.active .option-content p{color:var(--color-bg);opacity:.9}.join-right{justify-content:center;align-items:center;padding:0 20px;display:flex}.join-card{background-color:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--border-radius);width:100%;max-width:500px;margin:0 auto;padding:32px 40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.card-header{text-align:center;margin-bottom:30px}.card-header h2{color:var(--color-primary);margin-bottom:10px;font-size:2rem;font-weight:700}.signup-form{flex-direction:column;gap:20px;display:flex}.home-btn{background:var(--color-card-bg);border:2px solid var(--color-border);color:var(--color-text);transition:all var(--transition-speed);border-radius:12px;justify-content:center;align-items:center;padding:10px;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px rgba(0,0,0,.1)}.home-btn:hover{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.create-account-btn{background:var(--color-primary);cursor:pointer;width:100%;transition:all var(--transition-speed);border:none;border-radius:12px;margin-bottom:20px;padding:16px 24px;font-size:1.1rem;font-weight:600;color:var(--color-bg)!important}.create-account-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15);background:var(--color-accent)!important;color:var(--color-bg)!important}.create-account-btn:active{transform:translateY(0);background:var(--color-primary)!important;color:var(--color-bg)!important}.create-account-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.create-account-btn,.create-account-btn:hover,.create-account-btn:focus,.create-account-btn:active{color:var(--color-bg)!important}.login-btn{background:var(--color-primary);cursor:pointer;width:100%;transition:all var(--transition-speed);border:none;border-radius:12px;margin-bottom:20px;padding:16px 24px;font-size:1.1rem;font-weight:600;color:var(--color-bg)!important}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15);background:var(--color-accent)!important;color:var(--color-bg)!important}.login-btn:active{transform:translateY(0);background:var(--color-primary)!important;color:var(--color-bg)!important}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-checkbox{margin:20px 0}.checkbox-label{cursor:pointer;color:var(--color-text);-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:12px;font-size:.9rem;display:flex}.checkbox-input{opacity:0;pointer-events:none;position:absolute}.checkbox-custom{border:2px solid var(--color-border);background:var(--color-bg);width:18px;height:18px;transition:all var(--transition-speed);border-radius:4px;flex-shrink:0;position:relative}.checkbox-custom:after{content:"";border:solid var(--color-bg);opacity:0;width:6px;height:10px;transition:opacity var(--transition-speed);border-width:0 2px 2px 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(45deg)}.checkbox-input:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-input:checked+.checkbox-custom:after{opacity:1}.checkbox-label:hover .checkbox-custom{border-color:var(--color-primary)}.forgot-link{color:var(--color-primary);transition:all var(--transition-speed);font-size:.9rem;font-weight:500;text-decoration:none}.forgot-link:hover{color:var(--color-accent);text-decoration:underline}.login-links{text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:15px;padding-bottom:15px}.form-footer{flex-direction:column;gap:20px;margin-top:20px;display:flex}.auth-redirect-right{border-top:1px solid var(--color-border);justify-content:flex-end;padding-top:15px;display:flex}.auth-redirect-right p{color:var(--color-secondary);margin:0;font-size:.95rem}.signin-link{color:var(--color-primary);transition:all var(--transition-speed);font-weight:600;text-decoration:none}.signin-link:hover{color:var(--color-accent);text-decoration:underline}.main-footer{background:var(--color-card-bg);border-top:1px solid var(--color-border);margin-top:auto;padding:40px 0}.global-notification{z-index:10001;opacity:0;min-width:300px;max-width:400px;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:20px;right:20px;transform:translate(120%)}.global-notification.visible{opacity:1;transform:translate(0)}.global-notification-container{width:100%}.global-notification-content{background:var(--color-card-bg);border:2px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15)}.global-notification-main{padding:16px 20px}.global-notification-header{align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.global-notification-icon{flex-shrink:0;margin-top:2px;font-size:18px}.global-notification-title{color:var(--color-primary);flex:1;margin:0;font-size:1rem;font-weight:600;line-height:1.4}.global-notification-close{color:var(--color-secondary);cursor:pointer;width:24px;height:24px;transition:all var(--transition-speed);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex}.global-notification-close:hover{background:var(--color-border);color:var(--color-text)}.global-notification-message{color:var(--color-text);margin:0 0 0 30px;font-size:.9rem;line-height:1.5}.global-notification-actions{background:var(--color-bg);border-top:1px solid var(--color-border);justify-content:flex-end;gap:12px;padding:12px 20px;display:flex}.global-notification-btn{cursor:pointer;transition:all var(--transition-speed);border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600}.global-notification-btn-primary{background:var(--color-primary);color:var(--color-bg)}.global-notification-btn-primary:hover{background:var(--color-accent);transform:translateY(-1px)}.global-notification-btn-secondary{color:var(--color-secondary);border:1px solid var(--color-border);background:0 0}.global-notification-btn-secondary:hover{background:var(--color-border);color:var(--color-text)}.global-notification-success{border-left:4px solid #10b981}.global-notification-warning{border-left:4px solid #f59e0b}.global-notification-error{border-left:4px solid #ef4444}.global-notification-info{border-left:4px solid #3b82f6}@media (max-width:768px){.global-notification{min-width:auto;max-width:none;top:10px;left:10px;right:10px;transform:translateY(-120%)}.global-notification.visible{transform:translateY(0)}.global-notification-main{padding:14px 16px}.global-notification-message{margin-left:26px;font-size:.85rem}.global-notification-actions{flex-direction:column;padding:10px 16px}.global-notification-btn{width:100%;padding:10px 16px}}@media (max-width:480px){.global-notification-header{gap:8px}.global-notification-title{font-size:.9rem}.global-notification-message{margin-left:22px;font-size:.8rem}}.cookie-consent{z-index:10000;opacity:0;background:0 0;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.cookie-consent.visible{opacity:1;transform:translateY(0)}.cookie-consent-container{max-width:1200px;margin:0 auto}.cookie-consent-content{background:var(--color-card-bg);border:2px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;align-items:flex-start;gap:24px;padding:24px;display:flex;position:relative;box-shadow:0 -10px 40px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.1)}.cookie-consent-text{flex:1}.cookie-consent-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.cookie-consent-emoji{font-size:24px;animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.cookie-consent-title{color:var(--color-primary);margin:0;font-size:1.25rem;font-weight:700}.cookie-consent-description{color:var(--color-text);margin:0 0 12px;font-size:.95rem;line-height:1.5}.cookie-consent-list{margin:0 0 16px;padding:0;list-style:none}.cookie-consent-list li{color:var(--color-secondary);margin-bottom:6px;font-size:.9rem;line-height:1.4}.cookie-consent-footer{color:var(--color-secondary);margin:0;font-size:.85rem;line-height:1.4}.cookie-consent-buttons{flex-direction:column;flex-shrink:0;gap:12px;display:flex}.cookie-consent-btn{cursor:pointer;transition:all var(--transition-speed);text-align:center;border:none;border-radius:8px;min-width:140px;padding:12px 24px;font-size:.9rem;font-weight:600}.cookie-consent-btn-accept{background:var(--color-primary);color:var(--color-bg)}.cookie-consent-btn-accept:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.cookie-consent-btn-decline{color:var(--color-secondary);border:2px solid var(--color-border);background:0 0}.cookie-consent-btn-decline:hover{background:var(--color-border);color:var(--color-text);transform:translateY(-2px)}@media (max-width:768px){.cookie-consent{padding:15px}.cookie-consent-content{flex-direction:column;gap:20px;padding:20px}.cookie-consent-buttons{flex-direction:row;width:100%}.cookie-consent-btn{flex:1;min-width:auto}.cookie-consent-title{font-size:1.1rem}.cookie-consent-description,.cookie-consent-list li{font-size:.9rem}}@media (max-width:480px){.cookie-consent-content{padding:16px}.cookie-consent-buttons{flex-direction:column}.cookie-consent-header{text-align:center;flex-direction:column;gap:8px}}@media (max-width:1200px){.container{width:95%;max-width:1000px}.hero .container{text-align:center;grid-template-columns:1fr;gap:40px}.languages-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}}@media (max-width:992px){.nav-links{display:none}.main-nav{flex-direction:column;align-items:flex-start;gap:15px;width:auto}.nav-actions{justify-content:flex-end;width:100%;margin-left:0}.hero{min-height:70vh;padding:60px 0}.hero .container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-text h1{font-size:max(2rem,min(4vw,2.5rem))}.hero-text p{font-size:1.1rem}.content-grid{grid-template-columns:1fr;gap:3rem}.join-content-wrapper{grid-template-columns:1fr;gap:40px;max-width:800px;margin:0 auto}.join-card{width:100%;max-width:100%;padding:2rem}}@media (max-width:768px){.main-header .container{flex-wrap:wrap;gap:20px}.hero{min-height:60vh;padding:40px 0}.hero-text h1{font-size:2.5rem}.hero-text span{font-size:1rem}.hero-text p{margin-bottom:25px;font-size:1rem}.hero-card{padding:25px;font-size:1rem}.languages-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.lang-card{padding:20px 15px;font-size:1rem}.features-grid{grid-template-columns:1fr;gap:25px}.feature-item{padding:30px 25px}.page-title,.welcome-header h1{font-size:2.5rem}.main-footer .container{text-align:center;text-align:center;flex-direction:column;gap:25px}.footer-nav{flex-flow:wrap;justify-content:center;gap:20px}.join-main{padding:20px 0}.join-card{border-radius:16px;width:100%;padding:1.5rem}.join-option-btn{gap:15px;padding:20px}.option-icon{font-size:1.5rem}.option-content h3{font-size:1.1rem}.option-content p{font-size:.9rem}}@media (max-width:576px){body{font-size:15px}.container{width:95%;padding:0 10px}.main-header .container{gap:15px;padding-left:15px;padding-right:15px}.hero{padding:30px 0}.hero-text h1{font-size:2rem}.hero-text p{font-size:.95rem}.hero-card{padding:20px;font-size:.95rem}.btn{padding:12px 20px;font-size:.9rem}.languages-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.lang-card{padding:15px 10px;font-size:.9rem}.page-title,.welcome-header h1{font-size:2rem}.section-title{font-size:1.8rem}.join-option-btn{text-align:center;flex-direction:column;gap:12px;padding:16px}.option-content h3{font-size:1rem}.option-content p{font-size:.85rem}.form-input{padding:12px 16px;font-size:16px}.btn-primary{padding:14px 24px;font-size:1rem}.join-card{margin:10px;padding:1rem}.form-footer{gap:15px}.auth-redirect-right{text-align:center;justify-content:center}.footer-nav{flex-wrap:wrap;justify-content:center;gap:15px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.hero{min-height:80vh;padding:50px 0}.hero .container,.join-content-wrapper{grid-template-columns:1fr 1fr;gap:50px}}@media (min-width:1400px){.container{max-width:1400px}.hero-text h1{font-size:4.5rem}.hero-text p{font-size:1.3rem}.section-title{font-size:3.5rem}}@media (min-width:1920px){.container{max-width:1600px}}.error-message{text-align:center;background:var(--color-bg);border:1px solid #e5e5e5;border-radius:8px;margin:2rem 0;padding:3rem}.error-message p{color:#e74c3c;margin-bottom:1rem;font-size:1.1rem}.retry-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}.retry-btn:hover{background:#2980b9;transform:translateY(-1px)}.security-status{color:#fff;z-index:100;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:6px;padding:.75rem 1rem;font-size:.9rem;animation:.3s slideInRight;position:fixed;top:80px;right:20px;box-shadow:0 4px 12px rgba(39,174,96,.3)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.security-status:before{content:"🔒";margin-right:.5rem}.zone-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);z-index:1000;font-family:var(--font-primary);-webkit-backdrop-filter:blur(10px);background:rgba(var(--color-bg-rgb),.95);padding:1rem 0;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.zone-header .container{color:var(--color-text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.zone-nav{flex-wrap:wrap;align-items:center;gap:8px;margin-left:40px;display:flex}.nav-btn{border:2px solid var(--color-border);color:var(--color-text);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-speed);white-space:nowrap;background:0 0;border-radius:12px;padding:12px 20px;font-size:.95rem;font-weight:600;position:relative;overflow:hidden}.nav-btn:hover{background:var(--color-card-bg);border-color:var(--color-primary);transform:translateY(-1px)}.nav-btn.active{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.loopai-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid transparent;position:relative}.loopai-btn:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-2px)}.loopai-text{z-index:2;position:relative}.loopai-border-animation{z-index:1;opacity:0;background:linear-gradient(45deg,#667eea,#764ba2,#667eea) 0 0/300% 300%;border-radius:12px;transition:opacity .3s;animation:3s infinite loopai-gradient;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.loopai-btn:hover .loopai-border-animation{opacity:1}@keyframes loopai-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.header-actions{align-items:center;gap:12px;display:flex}.action-btn{border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-speed);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:10px;display:flex}.action-btn:hover{background:var(--color-card-bg);border-color:var(--color-primary);transform:translateY(-1px)}.settings-btn:hover{color:var(--color-primary)}.profile-btn{border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-speed);background:0 0;border-radius:50%;padding:0;overflow:hidden}.profile-btn:hover{border-color:var(--color-primary);transform:scale(1.05)}.profile-avatar{background:var(--color-primary);width:40px;height:40px;color:var(--color-bg);font-size:.9rem;font-weight:600;font-family:var(--font-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.default-avatar{background:var(--color-primary);color:var(--color-bg)}.zone-header-left,.zone-header-right{align-items:center;gap:20px;display:flex}.user-menu{cursor:pointer;transition:all var(--transition-speed);border:2px solid var(--color-border);background:var(--color-card-bg);border-radius:12px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:relative}.user-menu:hover{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.user-avatar{background:var(--color-primary);width:36px;height:36px;color:var(--color-bg);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.user-info h3{color:inherit;margin:0;font-size:1rem;font-weight:600}.user-info p{opacity:.7;color:inherit;margin:0;font-size:.85rem}.logout-btn{border:2px solid var(--color-border);color:var(--color-text);transition:all var(--transition-speed);cursor:pointer;font-weight:500;font-family:var(--font-primary);background:0 0;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;display:flex}.zone-main{background:linear-gradient(135deg,var(--color-bg)0%,var(--color-card-bg)100%);min-height:100vh;color:var(--color-text);font-family:var(--font-primary);padding-top:120px}.questions-layout{grid-template-columns:300px 1fr;gap:30px;min-height:calc(100vh - 140px);padding:20px 0;display:grid}.categories-sidebar{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:16px;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 160px);padding:24px;position:-webkit-sticky;position:sticky;top:140px;overflow-y:auto}.categories-sidebar h3{color:var(--color-primary);font-size:1.4rem;font-weight:700;font-family:var(--font-primary);margin:0 0 20px}.categories-list{flex-direction:column;gap:8px;display:flex}.category-btn{color:var(--color-text);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-speed);text-align:left;background:0 0;border:2px solid transparent;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:.95rem;font-weight:500;display:flex}.category-btn:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.category-btn.active{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.category-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.category-name{flex:1}.topics-content{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:16px;padding:30px}.topics-header{border-bottom:2px solid var(--color-border);margin-bottom:30px;padding-bottom:20px}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.header-info h2{color:var(--color-primary);font-size:2.2rem;font-weight:700;font-family:var(--font-primary);align-items:center;gap:12px;margin:0 0 8px;display:flex}.header-info p{color:var(--color-secondary);margin:0;font-size:1.1rem}.challenge-master-btn{background:linear-gradient(135deg,var(--color-bg),var(--color-bg-secondary));border:2px solid var(--color-border);color:var(--color-text);border-radius:16px;align-items:center;gap:16px;min-width:350px;padding:20px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05)}.challenge-master-btn:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.challenge-master-btn:hover:before{left:100%}.challenge-master-btn:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 8px 25px rgba(245,158,11,.15),0 0 0 1px rgba(245,158,11,.1)}.challenge-icon-wrapper{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;box-shadow:0 4px 12px rgba(245,158,11,.3)}.challenge-master-btn:hover .challenge-icon-wrapper{transform:scale(1.1)rotate(5deg);box-shadow:0 6px 20px rgba(245,158,11,.4)}.challenge-content{text-align:left;flex:1}.challenge-content h3{color:var(--color-primary);font-size:1.3rem;font-weight:700;font-family:var(--font-primary);margin:0 0 6px}.challenge-content p{color:var(--color-secondary);margin:0;font-size:.95rem;font-weight:500;line-height:1.4}@media (max-width:768px){.header-content{flex-direction:column;align-items:flex-start;gap:24px}.challenge-master-btn{min-width:100%;padding:16px 20px}.challenge-icon-wrapper{width:50px;height:50px}.challenge-content h3{font-size:1.2rem}.challenge-content p{font-size:.9rem}}@media (max-width:480px){.header-content{gap:16px}.challenge-master-btn{border-radius:12px;padding:14px 16px}.challenge-icon-wrapper{border-radius:10px;width:44px;height:44px}.challenge-content h3{font-size:1.1rem}.challenge-content p{font-size:.85rem;line-height:1.3}}.topic-card{background:var(--color-bg);border:2px solid var(--color-border);transition:all var(--transition-speed);cursor:pointer;border-radius:16px;padding:24px;position:relative;overflow:visible}.topic-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.topic-card:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-accent));opacity:0;height:4px;transition:opacity var(--transition-speed);position:absolute;top:0;left:0;right:0}.topic-card:hover:before{opacity:1}.topic-header h4{color:var(--color-text);font-size:1.3rem;font-weight:600;font-family:var(--font-primary);margin:0}.topic-stats{font-family:var(--font-primary);align-items:center;gap:4px;font-weight:600;display:flex}.topic-stats .completed{color:var(--color-primary);font-size:1.1rem}.topic-stats .separator{color:var(--color-border);font-size:1.1rem}.topic-stats .total{color:var(--color-secondary);font-size:1.1rem}.progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:4px;height:100%;transition:width .5s}.subtopics{margin-top:16px}.subtopics-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.subtopics-label{color:var(--color-text);margin:0;font-size:.9rem;font-weight:600}.expand-btn{border:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-size:.75rem;transition:all .2s}.expand-btn:hover{background:var(--color-primary);color:var(--color-bg)}.subtopics-list{flex-direction:column;gap:8px;display:flex}.subtopic-tag{background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500}.subtopic-tag.clickable{background:var(--color-card-bg);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.subtopic-tag.clickable:hover{background:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.subtopic-tag.clickable.selected{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 12px rgba(139,69,19,.2)}.subtopic-icon{background:var(--color-primary-light);width:20px;height:20px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;font-size:12px;font-weight:600;display:inline-flex}.subtopic-name{flex:1;font-weight:600}.subtopic-arrow{opacity:0;color:var(--color-primary);font-weight:700;transition:opacity .2s}.subtopic-tag.clickable:hover .subtopic-arrow{opacity:1}.subtopic-tag.clickable.selected .subtopic-arrow{opacity:1;color:var(--color-bg)}.subtopic-more-btn{background:var(--color-card-bg);border:2px dashed var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:12px;font-size:.85rem;transition:all .3s;display:flex}.subtopic-more-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.more-icon{font-size:1.2rem;font-weight:700}.expand-hint{color:var(--color-text-secondary);margin-left:auto;font-size:.75rem}.topic-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.challenge-icon-btn:active{transform:translateY(-1px)scale(1.05)}.challenge-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px rgba(245,158,11,.2)}.challenge-btn:hover{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.start-topic-btn.primary{background:var(--color-primary);width:100%;color:var(--color-bg);cursor:pointer;border:none;border-radius:8px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .3s}.start-topic-btn.primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,69,19,.3)}.start-subtopic-btn.secondary{background:var(--color-bg);width:100%;color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .3s}.start-subtopic-btn.secondary:hover{background:var(--color-primary);color:var(--color-bg)}.subtopic-more{background:var(--color-primary);color:var(--color-bg);border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600}.start-topic-btn{background:var(--color-primary);width:100%;color:var(--color-bg);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-speed);border:none;border-radius:10px;margin-top:20px;padding:12px;font-size:.95rem;font-weight:600}.start-topic-btn:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.tab-content{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:16px;margin-top:20px;padding:30px}.loopai-container{text-align:center}.loopai-header{margin-bottom:40px}.loopai-header h2{color:var(--color-primary);font-size:2.5rem;font-weight:700;font-family:var(--font-primary);margin:0 0 16px}.loopai-header p{color:var(--color-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.loopai-features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px;display:grid}.feature-card{background:var(--color-bg);border:2px solid var(--color-border);text-align:center;transition:all var(--transition-speed);border-radius:16px;padding:30px 24px}.feature-card h3{color:var(--color-text);font-size:1.4rem;font-weight:600;font-family:var(--font-primary);margin:0 0 12px}.feature-card p{color:var(--color-secondary);margin:0 0 24px;font-size:1rem;line-height:1.6}.contest-container h2{color:var(--color-primary);font-size:2.2rem;font-weight:700;font-family:var(--font-primary);margin:0 0 30px}.contest-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;display:grid}.contest-card{background:var(--color-bg);border:2px solid var(--color-border);transition:all var(--transition-speed);border-radius:16px;padding:24px;position:relative}.contest-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.contest-status{font-size:.8rem;font-weight:600;font-family:var(--font-primary);border-radius:20px;padding:6px 12px;position:absolute;top:16px;right:16px}.contest-card.upcoming .contest-status{color:#fff;background:#10b981}.contest-card.past .contest-status{background:var(--color-secondary);color:var(--color-bg)}.contest-card h3{color:var(--color-text);font-size:1.4rem;font-weight:600;font-family:var(--font-primary);margin:0 0 8px}.contest-card p{color:var(--color-secondary);margin:0 0 16px;font-size:1rem}.contest-details{flex-direction:column;gap:4px;margin-bottom:20px;display:flex}.contest-details span{color:var(--color-text);font-size:.9rem}.ranks-container h2{color:var(--color-primary);font-size:2.2rem;font-weight:700;font-family:var(--font-primary);margin:0 0 30px}.leaderboard{background:var(--color-bg);border:2px solid var(--color-border);border-radius:16px;overflow:hidden}.leaderboard-header{border-bottom:2px solid var(--color-border);background:var(--color-card-bg);padding:24px}.leaderboard-header h3{color:var(--color-text);font-size:1.4rem;font-weight:600;font-family:var(--font-primary);margin:0 0 4px}.leaderboard-header p{color:var(--color-secondary);margin:0;font-size:1rem}.leaderboard-list{padding:16px 0}.rank-item{transition:all var(--transition-speed);align-items:center;padding:16px 24px;display:flex}.rank-item:hover{background:var(--color-card-bg)}.rank-item.your-rank{background:rgba(var(--color-primary-rgb),.1);border-top:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary)}.rank-position{width:40px;color:var(--color-primary);font-size:1.2rem;font-weight:700;font-family:var(--font-primary)}.rank-info{flex:1;margin-left:16px}.rank-name{color:var(--color-text);font-size:1rem;font-weight:600;font-family:var(--font-primary);display:block}.rank-points{color:var(--color-secondary);margin-top:2px;font-size:.9rem;display:block}.rank-badge{font-size:1.5rem}.report-container h2{color:var(--color-primary);font-size:2.2rem;font-weight:700;font-family:var(--font-primary);margin:0 0 30px}.report-card{background:var(--color-bg);border:2px solid var(--color-border);transition:all var(--transition-speed);border-radius:16px;padding:24px}.report-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.report-card h3{color:var(--color-text);font-size:1.4rem;font-weight:600;font-family:var(--font-primary);margin:0 0 20px}.chart-placeholder,.activity-placeholder{text-align:center;color:var(--color-secondary);border:2px dashed var(--color-border);background:var(--color-card-bg);border-radius:12px;padding:40px 20px;font-style:italic}.btn-primary{background:var(--color-primary);color:var(--color-bg);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-speed);border:none;border-radius:10px;padding:12px 24px;font-size:.95rem;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.btn-secondary{color:var(--color-text);border:2px solid var(--color-border);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-speed);background:0 0;border-radius:10px;padding:12px 24px;font-size:.95rem;font-weight:600}.btn-secondary:hover:not(:disabled){background:var(--color-card-bg);border-color:var(--color-primary);color:var(--color-primary)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.zone-welcome{text-align:center;margin-bottom:40px;padding:40px 0}.zone-welcome h1{color:var(--color-primary);font-size:3rem;font-weight:800;font-family:var(--font-primary);margin-bottom:16px;line-height:1.2}.zone-welcome p{color:var(--color-secondary);max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.zone-content{padding:0 0 60px}.zone-tabs{justify-content:center;gap:8px;margin-bottom:40px;padding:0 20px;display:flex}.zone-tab{background:var(--color-card-bg);border:2px solid var(--color-border);color:var(--color-text);transition:all var(--transition-speed);cursor:pointer;font-weight:600;font-family:var(--font-primary);border-radius:12px;padding:12px 24px;text-decoration:none}.zone-tab:hover{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary);transform:translateY(-2px)}.zone-tab.active{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px;display:grid}.category-card{background:var(--color-card-bg);border:2px solid var(--color-border);transition:all var(--transition-speed);cursor:pointer;border-radius:16px;padding:24px}.category-card:hover{background:var(--color-bg);border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.category-card.active{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.category-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.category-icon{background:rgba(0,0,0,.1);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.category-card.active .category-icon{background:rgba(255,255,255,.2)}.category-info h3{font-size:1.4rem;font-weight:700;font-family:var(--font-primary);margin:0}.category-info p{opacity:.7;margin:4px 0 0;font-size:.9rem}.category-stats{gap:20px;margin-top:16px;display:flex}.stat-item{text-align:center}.stat-item .stat-number{font-size:1.2rem;font-weight:700;font-family:var(--font-primary);display:block}.stat-item .stat-label{opacity:.7;margin-top:4px;font-size:.8rem}.topics-section{margin-bottom:40px}.topics-header{align-items:center;justify-content:between;margin-bottom:24px;display:flex}.topics-header h2{color:var(--color-primary);font-size:2rem;font-weight:700;font-family:var(--font-primary);margin:0}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.topic-card{background:var(--color-card-bg);border:2px solid var(--color-border);transition:all var(--transition-speed);cursor:pointer;border-radius:16px;padding:24px}.topic-card:hover{background:var(--color-bg);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.topic-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.topic-header h3{color:var(--color-text);font-size:1.3rem;font-weight:600;font-family:var(--font-primary);margin:0}.topic-badge{background:var(--color-primary);color:var(--color-bg);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.topic-progress{margin-bottom:16px}.progress-bar{background:var(--color-border);border-radius:4px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:var(--color-primary);height:100%;transition:width .3s}.progress-text{color:var(--color-secondary);justify-content:space-between;font-size:.9rem;display:flex}.subtopics-list{margin-top:16px}.subtopics-list h4{color:var(--color-text);margin:0 0 8px;font-size:.9rem;font-weight:600}.subtopics-tags{flex-wrap:wrap;gap:6px;display:flex}.subtopic-tag{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-secondary);border-radius:6px;padding:4px 8px;font-size:.75rem}.report-container{margin-top:40px}.report-container h2{color:var(--color-primary);font-size:2rem;font-weight:700;font-family:var(--font-primary);margin-bottom:24px}.report-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.report-card{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:16px;padding:24px}.report-card h3{color:var(--color-text);font-size:1.3rem;font-weight:600;font-family:var(--font-primary);margin-bottom:20px}.stats-list{flex-direction:column;gap:16px;display:flex}.stat-label{color:var(--color-secondary);font-size:.95rem}.stat-value{color:var(--color-primary);font-size:1.1rem;font-weight:600;font-family:var(--font-primary)}.chart-placeholder,.activity-placeholder{text-align:center;color:var(--color-secondary);padding:40px 20px;font-style:italic}@media (max-width:1200px){.questions-layout{grid-template-columns:280px 1fr;gap:24px}.categories-sidebar{padding:20px}.topics-content{padding:24px}.topics-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}}@media (max-width:1024px){.zone-header .container{padding:0 20px}.zone-nav{gap:6px;margin-left:20px}.nav-btn{padding:10px 16px;font-size:.9rem}.questions-layout{grid-template-columns:260px 1fr;gap:20px}.categories-sidebar{padding:20px;top:130px}.topics-content{padding:24px}.topics-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.topic-card{padding:20px}}@media (max-width:768px){.zone-header{padding:.75rem 0}.zone-header .container{flex-direction:column;align-items:stretch;gap:12px;padding:0 16px}.zone-nav{order:2;justify-content:center;gap:8px;margin-left:0}.nav-btn{text-align:center;flex:1;min-width:0;padding:10px 12px;font-size:.85rem}.header-actions{order:1;align-self:flex-end;margin-bottom:8px}.zone-main{padding-top:160px}.questions-layout{grid-template-columns:1fr;gap:20px;padding:16px 0}.categories-sidebar{order:1;max-height:none;margin-bottom:20px;position:static;overflow:visible}.topics-content{order:2;padding:20px}.categories-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.category-btn{text-align:center;justify-content:center;padding:12px}.category-name{font-size:.9rem}.topics-header h2{font-size:1.8rem}.topics-grid{grid-template-columns:1fr;gap:16px}.topic-card{padding:20px}.tab-content{margin-top:16px;padding:20px 16px}.loopai-features,.contest-grid,.report-grid{grid-template-columns:1fr;gap:16px}.leaderboard-list{padding:12px 0}.rank-item{padding:12px 16px}}@media (max-width:640px){.zone-header .container{padding:0 12px}.nav-btn{padding:8px 10px;font-size:.8rem}.action-btn{padding:8px}.profile-avatar{width:36px;height:36px;font-size:.8rem}.zone-main{padding-top:170px}.categories-sidebar{padding:16px}.categories-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}.category-btn{padding:10px 8px;font-size:.85rem}.topics-content{padding:16px}.topics-header h2{font-size:1.6rem}.topics-header p{font-size:1rem}.topic-card{padding:16px}.topic-header h4{font-size:1.2rem}.subtopics-list{gap:4px}.subtopic-tag{padding:3px 6px;font-size:.7rem}.start-topic-btn{padding:10px;font-size:.9rem}.challenge-btn{gap:4px;padding:12px 14px;font-size:.8rem}.tab-content{padding:16px 12px}.feature-card{padding:20px 16px}.loopai-header h2{font-size:2rem}.contest-container h2,.ranks-container h2,.report-container h2{font-size:1.6rem}.contest-card,.report-card,.leaderboard-header{padding:16px}.rank-item{padding:10px 12px}.rank-position{width:32px;font-size:1rem}.rank-info{margin-left:12px}.rank-name{font-size:.9rem}.rank-points{font-size:.8rem}}@media (max-width:480px){.zone-header{padding:.5rem 0}.zone-header .container{gap:8px;padding:0 8px}.zone-nav{gap:4px}.nav-btn{border-radius:8px;padding:6px 8px;font-size:.75rem}.header-actions{gap:8px}.action-btn{border-radius:8px;padding:6px}.profile-avatar{width:32px;height:32px;font-size:.75rem}.zone-main{padding-top:180px}.questions-layout{gap:16px;padding:12px 0}.categories-sidebar{border-radius:12px;padding:12px}.categories-sidebar h3{margin-bottom:12px;font-size:1.2rem}.categories-list{grid-template-columns:repeat(2,1fr);gap:6px}.category-btn{border-radius:8px;padding:8px 6px;font-size:.8rem}.category-icon{width:20px;height:20px}.topics-content{border-radius:12px;padding:12px}.topics-header{margin-bottom:20px;padding-bottom:16px}.topics-header h2{font-size:1.4rem}.topics-header p{font-size:.9rem}.topic-card{border-radius:12px;padding:12px}.topic-header h4{font-size:1.1rem}.topic-stats{gap:2px}.topic-stats .completed,.topic-stats .total{font-size:1rem}.progress-bar{height:6px;margin-bottom:12px}.subtopics{margin-top:12px}.subtopics-label{margin-bottom:6px;font-size:.8rem}.subtopic-tag,.subtopic-more{padding:2px 4px;font-size:.65rem}.start-topic-btn{border-radius:8px;margin-top:16px;padding:8px;font-size:.85rem}.tab-content{border-radius:12px;padding:12px 8px}.loopai-header h2{font-size:1.8rem}.loopai-header p{font-size:1rem}.feature-card{border-radius:12px;padding:16px 12px}.feature-icon{margin-bottom:12px;font-size:2.5rem}.feature-card h3{font-size:1.2rem}.feature-card p{margin-bottom:16px;font-size:.9rem}.contest-container h2,.ranks-container h2,.report-container h2{margin-bottom:20px;font-size:1.4rem}.contest-card{border-radius:12px;padding:12px}.contest-status{padding:4px 8px;font-size:.7rem;top:12px;right:12px}.contest-card h3{font-size:1.2rem}.contest-card p{font-size:.9rem}.leaderboard{border-radius:12px}.leaderboard-header{padding:12px}.leaderboard-header h3{font-size:1.2rem}.leaderboard-header p{font-size:.9rem}.rank-item{padding:8px 12px}.rank-position{width:28px;font-size:.9rem}.rank-info{margin-left:8px}.rank-name{font-size:.85rem}.rank-points{font-size:.75rem}.rank-badge{font-size:1.2rem}.report-card{border-radius:12px;padding:12px}.report-card h3{margin-bottom:16px;font-size:1.2rem}.stat-item{padding:8px 0}.stat-label{font-size:.85rem}.stat-value{font-size:1rem}.chart-placeholder,.activity-placeholder{padding:20px 12px;font-size:.9rem}.btn-primary,.btn-secondary{padding:8px 16px;font-size:.85rem}}.profile-header{background:rgba(var(--color-bg-rgb),.95);border-bottom:2px solid var(--color-border);z-index:1000;font-family:var(--font-primary);-webkit-backdrop-filter:blur(10px);padding:1rem 0;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.profile-header .container{justify-content:space-between;align-items:center;display:flex}.profile-nav{align-items:center;gap:20px;display:flex}.profile-nav .nav-link{background:var(--color-card-bg);border:2px solid var(--color-border);color:var(--color-text);transition:all var(--transition-speed);border-radius:12px;padding:8px 16px;font-weight:500;text-decoration:none}.profile-nav .nav-link:hover{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary);transform:translateY(-2px)}.profile-main{background:linear-gradient(135deg,var(--color-bg)0%,var(--color-card-bg)100%);min-height:100vh;font-family:var(--font-primary);padding:120px 0 40px}.profile-loading,.profile-not-found{background:linear-gradient(135deg,var(--color-bg)0%,var(--color-card-bg)100%);justify-content:center;align-items:center;min-height:80vh;display:flex}.profile-hero{text-align:center;margin-bottom:50px;padding:40px 0}.profile-hero-content{flex-direction:column;align-items:center;gap:24px;display:flex}.profile-avatar-large{border:4px solid var(--color-border);background:var(--color-card-bg);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;overflow:hidden}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.default-avatar-large{color:var(--color-primary);background:var(--color-card-bg);font-size:3rem;font-weight:700}.profile-info h1{color:var(--color-primary);font-size:2.5rem;font-weight:800;font-family:var(--font-primary);margin:0}.profile-rank{color:var(--color-secondary);margin:8px 0;font-size:1.2rem;font-weight:600}.profile-joined{color:var(--color-secondary);margin:4px 0 20px;font-size:1rem}.edit-profile-btn{background:var(--color-primary);color:var(--color-bg);transition:all var(--transition-speed);cursor:pointer;font-weight:600;font-family:var(--font-primary);border:none;border-radius:12px;padding:12px 24px;text-decoration:none}.edit-profile-btn:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.profile-stats-section{margin-bottom:50px}.profile-stats-section h2{color:var(--color-primary);text-align:center;font-size:2rem;font-weight:700;font-family:var(--font-primary);margin-bottom:30px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:800px;margin:0 auto;display:grid}.stat-card{background:var(--color-card-bg);border:2px solid var(--color-border);text-align:center;transition:all var(--transition-speed);border-radius:16px;padding:24px}.stat-card:hover{background:var(--color-bg);border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.stat-icon{margin-bottom:12px;font-size:2rem;display:block}.stat-info h3{color:var(--color-primary);font-size:2rem;font-weight:800;font-family:var(--font-primary);margin:0}.stat-info p{color:var(--color-secondary);margin:8px 0 0;font-size:.9rem;font-weight:500}.profile-content-grid{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px;display:grid}.achievements-section h2,.activity-section h2,.skills-section h2{color:var(--color-primary);font-size:1.8rem;font-weight:700;font-family:var(--font-primary);margin-bottom:24px}.achievements-grid{gap:16px;display:grid}.achievement-card{background:var(--color-card-bg);border:2px solid var(--color-border);transition:all var(--transition-speed);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.achievement-card.locked{opacity:.6}.achievement-card:hover{background:var(--color-bg);border-color:var(--color-primary);transform:translate(4px)}.achievement-icon{filter:grayscale();font-size:2rem}.achievement-card:not(.locked) .achievement-icon{filter:none}.achievement-info h4{color:var(--color-text);font-size:1.1rem;font-weight:600;font-family:var(--font-primary);margin:0 0 4px}.achievement-info p{color:var(--color-secondary);margin:0 0 4px;font-size:.9rem}.achievement-status{color:var(--color-secondary);font-size:.8rem;font-weight:500}.activity-feed{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:12px;justify-content:center;align-items:center;min-height:200px;padding:24px;display:flex}.activity-placeholder{text-align:center;color:var(--color-secondary)}.activity-placeholder p{margin:8px 0}.skills-section{grid-column:1/-1}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.skill-category{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:12px;padding:20px}.skill-category h3{color:var(--color-text);font-size:1.1rem;font-weight:600;font-family:var(--font-primary);margin-bottom:16px}.skill-progress{align-items:center;gap:12px;display:flex}.skill-bar{background:var(--color-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.skill-fill{background:var(--color-primary);height:100%;transition:width .3s}.skill-progress span{color:var(--color-secondary);white-space:nowrap;font-size:.85rem;font-weight:500}.profile-cta{text-align:center}.cta-card{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:16px;max-width:500px;margin:0 auto;padding:40px}.cta-card h3{color:var(--color-primary);font-size:1.5rem;font-weight:700;font-family:var(--font-primary);margin-bottom:12px}.cta-card p{color:var(--color-secondary);margin-bottom:24px;line-height:1.6}.settings-page{background:linear-gradient(135deg,var(--color-bg)0%,var(--color-card-bg)100%);min-height:100vh;font-family:var(--font-primary)}.settings-header{background:rgba(var(--color-bg-rgb),.95);border-bottom:2px solid var(--color-border);z-index:1000;-webkit-backdrop-filter:blur(10px);padding:1rem 0;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.settings-header .container{justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:20px;display:flex}.header-left h1{color:var(--color-primary);font-size:1.8rem;font-weight:700;font-family:var(--font-primary);margin:0}.back-btn{background:var(--color-card-bg);border:2px solid var(--color-border);color:var(--color-text);transition:all var(--transition-speed);font-weight:500;font-family:var(--font-primary);border-radius:12px;align-items:center;gap:8px;padding:10px 16px;text-decoration:none;display:flex}.back-btn:hover{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary);transform:translateY(-2px)}.settings-main{padding:120px 0 40px}.settings-layout{grid-template-columns:300px 1fr;gap:40px;max-width:1400px;min-height:calc(100vh - 140px);margin:0 auto;display:grid}.settings-sidebar{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:16px;height:-moz-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:120px}.settings-sidebar h2{color:var(--color-primary);font-size:1.5rem;font-weight:700;font-family:var(--font-primary);margin-bottom:24px}.settings-nav{flex-direction:column;gap:8px;display:flex}.settings-nav-btn{color:var(--color-text);text-align:left;cursor:pointer;transition:all var(--transition-speed);font-family:var(--font-primary);background:0 0;border:2px solid transparent;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:.95rem;font-weight:500;display:flex}.settings-nav-btn:hover{background:var(--color-bg);border-color:var(--color-border);transform:translate(4px)}.settings-nav-btn.active{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.settings-content{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:16px;min-height:500px;padding:32px}.settings-section h2{color:var(--color-primary);font-size:2rem;font-weight:700;font-family:var(--font-primary);margin-bottom:32px}.form-group{margin-bottom:24px}.form-group label{color:var(--color-text);font-size:1rem;font-weight:600;font-family:var(--font-primary);margin-bottom:8px;display:block}.form-group input,.form-group textarea,.form-group select{border:2px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);font-family:var(--font-primary);transition:all var(--transition-speed);box-sizing:border-box;border-radius:12px;padding:12px 16px;font-size:.95rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.form-group input:disabled{background:var(--color-border);color:var(--color-secondary);cursor:not-allowed}.form-hint{color:var(--color-secondary);margin-top:6px;margin-bottom:0;font-size:.85rem}.toggle-group{flex-direction:column;gap:16px;display:flex}.toggle-item{background:var(--color-bg);border:2px solid var(--color-border);transition:all var(--transition-speed);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.toggle-item:hover{border-color:var(--color-primary);background:var(--color-card-bg)}.toggle-item>div{flex:1}.toggle-item h4{color:var(--color-text);font-size:1rem;font-weight:600;font-family:var(--font-primary);margin:0 0 4px}.toggle-item p{color:var(--color-secondary);margin:0;font-size:.85rem;line-height:1.4}.toggle-item input[type=checkbox]{border:2px solid var(--color-border);background:var(--color-bg);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;transition:all var(--transition-speed);border-radius:4px;flex-shrink:0;margin-left:16px;position:relative}.toggle-item input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.toggle-item input[type=checkbox]:checked:after{content:"✓";color:var(--color-bg);font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toggle-item input[type=checkbox]:focus{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2);outline:none}.settings-actions{border-top:2px solid var(--color-border);gap:16px;margin-top:32px;padding-top:24px;display:flex}.save-btn,.cancel-btn{font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-speed);border:none;border-radius:12px;min-width:120px;padding:12px 24px;font-size:.95rem;font-weight:600}.save-btn{background:var(--color-primary);color:var(--color-bg)}.save-btn:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.cancel-btn{color:var(--color-text);border:2px solid var(--color-border);background:0 0}.cancel-btn:hover{background:var(--color-border);border-color:var(--color-primary);color:var(--color-primary)}.profile-picture-upload{align-items:center;gap:20px;display:flex}.current-avatar{border:3px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.avatar-placeholder{background:var(--color-primary);width:100%;height:100%;color:var(--color-bg);font-size:2rem;font-weight:700;font-family:var(--font-primary);justify-content:center;align-items:center;display:flex}.upload-btn{background:var(--color-primary);color:var(--color-bg);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-speed);border:none;border-radius:10px;padding:10px 20px;font-weight:600}.upload-btn:hover{background:var(--color-accent);transform:translateY(-2px)}.switch-container{background:var(--color-bg);border:2px solid var(--color-border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex}.switch-info h4{color:var(--color-text);font-size:1rem;font-weight:600;font-family:var(--font-primary);margin:0 0 4px}.switch-info p{color:var(--color-secondary);margin:0;font-size:.85rem}.switch{background:var(--color-border);cursor:pointer;width:50px;height:26px;transition:background var(--transition-speed);border-radius:20px;position:relative}.switch.active{background:var(--color-primary)}.switch-thumb{width:20px;height:20px;transition:transform var(--transition-speed);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch.active .switch-thumb{transform:translate(24px)}.danger-zone{border-top:2px solid var(--color-border);margin-top:40px;padding-top:24px}.danger-zone h3{color:#dc2626;font-size:1.2rem;font-weight:600;font-family:var(--font-primary);margin-bottom:16px}.danger-btn{color:#fff;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-speed);background:#dc2626;border:none;border-radius:10px;padding:10px 20px;font-weight:600}.danger-btn:hover{background:#b91c1c;transform:translateY(-2px)}.settings-loading{background:linear-gradient(135deg,var(--color-bg)0%,var(--color-card-bg)100%);min-height:100vh;font-family:var(--font-primary);flex-direction:column;justify-content:center;align-items:center;display:flex}.settings-loading p{color:var(--color-secondary);margin-top:20px;font-size:1.1rem}@media (max-width:1024px){.settings-layout{grid-template-columns:280px 1fr;gap:30px}.settings-sidebar{padding:20px}.settings-content{padding:28px}}@media (max-width:768px){.header-left{gap:12px}.header-left h1{font-size:1.5rem}.back-btn{padding:8px 12px;font-size:.9rem}.settings-main{padding:140px 0 20px}.settings-layout{grid-template-columns:1fr;gap:20px}.settings-sidebar{order:1;position:static;top:auto}.settings-content{order:2;padding:24px}.settings-nav{flex-flow:wrap;gap:8px}.settings-nav-btn{text-align:center;flex:1;justify-content:center;min-width:140px;padding:12px 8px}.settings-section h2{margin-bottom:24px;font-size:1.8rem}.profile-picture-upload{text-align:center;flex-direction:column;gap:16px}}@media (max-width:640px){.settings-header{padding:.75rem 0}.header-left{gap:8px}.header-left h1{font-size:1.3rem}.back-btn{padding:6px 10px;font-size:.85rem}.back-btn span{display:none}.settings-main{padding:160px 0 20px}.settings-sidebar{padding:16px}.settings-sidebar h2{margin-bottom:16px;font-size:1.3rem}.settings-nav{gap:6px}.settings-nav-btn{min-width:100px;padding:10px 6px;font-size:.85rem}.settings-content{padding:20px 16px}.settings-section h2{margin-bottom:20px;font-size:1.6rem}.form-group{margin-bottom:20px}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;font-size:.9rem}.current-avatar{width:60px;height:60px}.avatar-placeholder{font-size:1.5rem}.toggle-item{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.toggle-item input[type=checkbox]{align-self:flex-end;margin-left:0}.settings-actions{flex-direction:column;gap:12px}.save-btn,.cancel-btn{width:100%}.switch-container{padding:12px}.switch-info h4{font-size:.9rem}.switch-info p{font-size:.8rem}.danger-zone{margin-top:30px;padding-top:20px}.danger-zone h3{font-size:1.1rem}}@media (max-width:480px){.settings-header .container{padding:0 12px}.header-left h1{font-size:1.2rem}.back-btn{padding:5px 8px}.settings-main{padding:180px 0 20px}.settings-nav-btn{min-width:80px;padding:8px 4px;font-size:.8rem}.settings-content{padding:16px 12px}.settings-section h2{margin-bottom:16px;font-size:1.4rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea,.form-group select{padding:8px 10px;font-size:.85rem}.current-avatar{width:50px;height:50px}.avatar-placeholder{font-size:1.2rem}.upload-btn{padding:8px 16px;font-size:.9rem}.toggle-item{padding:10px}.toggle-item h4{font-size:.9rem}.toggle-item p{font-size:.8rem}.toggle-item input[type=checkbox]{width:18px;height:18px}.settings-actions{gap:10px;margin-top:24px}.save-btn,.cancel-btn{padding:10px 16px;font-size:.9rem}.switch{width:44px;height:24px}.switch-thumb{width:18px;height:18px;top:3px;left:3px}.switch.active .switch-thumb{transform:translate(20px)}.danger-btn{padding:8px 16px;font-size:.9rem}}@media (max-width:768px){.profile-main{padding:140px 0 40px}.profile-content-grid{grid-template-columns:1fr;gap:30px}.stats-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr;gap:20px}.profile-hero-content{gap:16px}.profile-info h1{font-size:2rem}}@media (max-width:480px){.profile-main{padding:160px 0 20px}.stats-grid{grid-template-columns:1fr;gap:16px}.achievements-grid,.skills-grid{gap:12px}.achievement-card,.stat-card,.skill-category,.cta-card{padding:16px}.profile-hero{padding:20px 0}.profile-info h1{font-size:1.7rem}.settings-content,.settings-sidebar{padding:20px}}.loading-spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.hidden{display:none}.block{display:block}.error-message{color:#dc2626;margin-top:.5rem;font-size:.9rem}.success-message{color:#16a34a;margin-top:.5rem;font-size:.9rem}.not-found-content{text-align:center;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;max-width:500px;margin:0 auto;padding:3rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.page-content-wrapper{max-width:1200px;margin:0 auto;padding:0 24px}.page-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3rem;font-weight:700;line-height:1.2}.page-subtitle{color:#6b7280;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.content-grid{grid-template-columns:2fr 1fr;gap:40px;margin-top:32px;display:grid}.content-main{order:1}.content-sidebar{order:2}.content-section{margin-bottom:40px}.content-section h2{color:#1f2937;margin-bottom:16px;font-size:2rem;font-weight:600}.content-section h3{color:#374151;margin-top:32px;margin-bottom:12px;font-size:1.5rem;font-weight:600}.content-section h4{color:#4b5563;margin-bottom:8px;font-size:1.2rem;font-weight:600}.content-section p{color:#6b7280;margin-bottom:16px;line-height:1.7}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px;display:grid}.feature-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .3s}.feature-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.feature-icon{margin-bottom:12px;font-size:2rem;display:block}.feature-card h4{color:#1f2937;margin-bottom:12px;font-size:1.1rem}.feature-card p{color:#6b7280;margin-bottom:0;font-size:.9rem;line-height:1.6}.tech-categories{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:24px;display:grid}.tech-category{background:#f8fafc;border-left:4px solid #4f46e5;border-radius:8px;padding:20px}.tech-category h4{color:#1f2937;margin-bottom:8px;font-size:1rem}.tech-category p{color:#6b7280;margin-bottom:0;font-size:.9rem}.stats-card,.cta-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.stats-card h4,.cta-card h4{color:#1f2937;text-align:center;margin-bottom:16px;font-size:1.2rem;font-weight:600}.stat-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.stat-item:last-child{border-bottom:none}.stat-number{color:#4f46e5;font-size:1.5rem;font-weight:700}.stat-label{color:#6b7280;text-align:right;font-size:.9rem}.cta-card p{color:#6b7280;text-align:center;margin-bottom:20px;font-size:.9rem;line-height:1.6}.cta-card .btn-primary{justify-content:center;width:100%}.last-updated{color:#6b7280;margin-top:8px;font-size:.9rem;font-style:italic}.nav-item{border-bottom:1px solid #e5e7eb;padding:8px 0}.nav-item:last-child{border-bottom:none}.nav-item a{color:#6b7280;font-size:.9rem;text-decoration:none;transition:color .3s}.nav-item a:hover{color:#4f46e5}.terms-acceptance{background:#f8fafc;border-left:4px solid #10b981;border-radius:8px;margin-top:32px;padding:20px}.terms-acceptance p{margin-bottom:0;font-weight:500;color:#1f2937!important}.content-section ul{margin-bottom:16px;padding-left:20px}.content-section li{color:#6b7280;margin-bottom:8px;line-height:1.6}.content-section li strong{color:#1f2937}.inline-link{color:#4f46e5;font-weight:500;text-decoration:none;transition:color .3s}.inline-link:hover{color:#7c3aed;text-decoration:underline}.contact-methods-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px;display:grid}.contact-method-card{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .3s}.contact-method-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.contact-icon{color:#fff;background:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:16px;display:inline-flex}.contact-method-card h4{color:#1f2937;margin-bottom:8px;font-size:1.1rem}.contact-method-card p{color:#6b7280;margin-bottom:12px;font-size:.9rem}.contact-link{color:#4f46e5;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.contact-link:hover{color:#7c3aed;text-decoration:underline}.contact-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:24px;padding:32px}.form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#374151;margin-bottom:8px;font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-size:.9rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.form-group textarea{resize:vertical;min-height:120px}.form-status{border-radius:8px;margin-bottom:20px;padding:16px;font-size:.9rem}.form-status.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.form-status.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.submit-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 32px;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.submit-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.3)}.submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.emergency-card{background:linear-gradient(135deg,#fef3c7,#fed7aa)!important;border-color:#f59e0b!important}.emergency-contacts{flex-direction:column;gap:12px;margin:16px 0;display:flex}.emergency-contacts .btn-primary,.emergency-contacts .btn-secondary{text-align:center;padding:10px 16px;font-size:.85rem;text-decoration:none}.emergency-contacts .btn-secondary{color:#fff;background:#6b7280}.emergency-contacts .btn-secondary:hover{background:#4b5563}.emergency-note{color:#92400e!important;margin-bottom:0!important;font-size:.8rem!important}@media (max-width:768px){.form-row{grid-template-columns:1fr;gap:16px}.contact-methods-grid{grid-template-columns:1fr}.contact-form{padding:24px}.emergency-contacts{gap:8px}}@media (max-width:480px){.contact-form,.contact-method-card{padding:20px}}.verify-main{background:linear-gradient(135deg,var(--color-bg)0%,var(--color-card-bg)100%);justify-content:center;align-items:center;min-height:85vh;padding:40px 0;display:flex}.verify-card{background-color:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--border-radius);text-align:center;width:100%;max-width:500px;margin:0 auto;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.verify-card .card-header{margin-bottom:30px}.verify-card .card-header h1{color:var(--color-primary);margin-bottom:12px;font-size:2.2rem;font-weight:700;line-height:1.2}.verify-card .card-header p{color:var(--color-secondary);margin-bottom:0;font-size:1.1rem;line-height:1.5}.verify-card .card-icon{margin-bottom:20px;font-size:3rem;display:block}.verify-form{margin-bottom:30px}.verify-form .form-group{text-align:left;margin-bottom:25px}.verify-form .form-label{color:var(--color-text);margin-bottom:8px;font-size:1rem;font-weight:600;display:block}.verification-input{text-align:center;letter-spacing:8px;border:2px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);transition:all var(--transition-speed);border-radius:12px;padding:16px 20px;font-family:monospace;font-size:1.5rem;font-weight:600}.verification-input:focus{border-color:var(--color-primary);outline:none;transform:translateY(-2px);box-shadow:0 0 0 3px rgba(0,0,0,.1)}.verification-input::placeholder{color:var(--color-secondary);opacity:.7;letter-spacing:4px}.form-help{color:var(--color-secondary);text-align:center;margin-top:8px;font-size:.9rem;display:block}.verify-form .btn-primary{background:var(--color-primary);width:100%;color:var(--color-bg);cursor:pointer;transition:all var(--transition-speed);border:none;border-radius:12px;margin-top:10px;padding:16px 24px;font-size:1.1rem;font-weight:600}.verify-form .btn-primary:hover:not(:disabled){background:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.verify-form .btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.button-loading{justify-content:center;align-items:center;gap:10px;display:flex}.verification-help{background:var(--color-bg);border:1px solid var(--color-border);text-align:left;border-radius:12px;margin-top:30px;padding:24px}.verification-help p{color:var(--color-text);margin-bottom:15px;font-size:1rem;font-weight:600}.verification-help ul{margin:0;padding:0;list-style:none}.verification-help li{color:var(--color-secondary);padding:8px 0 8px 20px;font-size:.95rem;position:relative}.verification-help li:before{content:"•";color:var(--color-primary);font-size:1.2rem;font-weight:700;position:absolute;left:0}.verification-success{text-align:center}.verification-success .card-header{margin-bottom:30px}.verification-success .success-message{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:2px solid #0ea5e9;border-radius:12px;margin:20px 0 30px;padding:20px}.verification-success .success-message p{color:#0369a1;margin:0;font-size:1.1rem;font-weight:600}.card-actions{flex-direction:column;gap:15px;margin-top:20px;display:flex}.card-actions .btn-primary,.card-actions .btn-secondary{text-align:center;width:100%;transition:all var(--transition-speed);border:2px solid;border-radius:12px;padding:14px 24px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.card-actions .btn-primary{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.card-actions .btn-primary:hover{background:var(--color-accent);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.card-actions .btn-secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.card-actions .btn-secondary:hover{background:var(--color-card-bg);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.message{text-align:center;border:2px solid;border-radius:12px;margin-bottom:20px;padding:16px 20px;font-weight:600}.message.success{color:#15803d;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#22c55e}.message.error{color:#dc2626;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#ef4444}@media (max-width:768px){.verify-main{min-height:80vh;padding:20px 0}.verify-card{margin:0 16px;padding:30px 24px}.verify-card .card-header h1{font-size:1.9rem}.verify-card .card-header p{font-size:1rem}.verification-input{letter-spacing:6px;padding:14px 16px;font-size:1.3rem}.verification-input::placeholder{letter-spacing:3px}.verification-help{padding:20px}.card-actions{gap:12px}.card-actions .btn-primary,.card-actions .btn-secondary{padding:12px 20px;font-size:.95rem}}@media (max-width:480px){.verify-card{margin:0 12px;padding:24px 20px}.verify-card .card-header h1{font-size:1.7rem}.verify-card .card-icon{margin-bottom:16px;font-size:2.5rem}.verification-input{letter-spacing:4px;padding:12px 14px;font-size:1.2rem}.verification-help{padding:16px}.verification-help li{font-size:.9rem}.card-actions .btn-primary,.card-actions .btn-secondary{padding:11px 16px;font-size:.9rem}}@media (max-width:768px){.page-title{font-size:2.5rem}.page-subtitle{font-size:1.1rem}.content-grid{grid-template-columns:1fr;gap:32px}.content-sidebar{order:1}.content-main{order:2}.feature-grid,.tech-categories{grid-template-columns:1fr}}@media (max-width:480px){.page-content-wrapper{padding:0 16px}.page-title{font-size:2rem}.feature-card,.stats-card,.cta-card{padding:20px}.tech-category{padding:16px}}.practice-main{background:var(--color-bg);min-height:100vh;padding-top:20px}.practice-header{margin-bottom:32px;padding-top:20px}.back-btn{background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px rgba(0,0,0,.1)}.back-btn:hover{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.practice-title-section{text-align:center;margin-bottom:40px;padding:20px 0}.practice-title{color:var(--color-text);margin-bottom:12px;font-size:2.5rem;font-weight:700}.practice-subtitle{color:var(--color-text-secondary);max-width:600px;margin-bottom:16px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.5}.practice-path{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.path-category{color:var(--color-primary);font-weight:600}.path-separator{opacity:.5}.path-topic{font-weight:500}.breadcrumb{align-items:center;gap:8px;font-size:.9rem;display:flex;position:relative}.breadcrumb-link{color:var(--color-text-secondary);border-radius:4px;padding:4px 8px;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:var(--color-primary);background:var(--color-primary-light)}.breadcrumb-separator{color:var(--color-text-secondary);opacity:.5;margin:0 4px}.breadcrumb-item{color:var(--color-text-secondary)}.breadcrumb-current{color:var(--color-primary);background:var(--color-primary-light);border-radius:4px;padding:4px 8px;font-weight:600}.breadcrumb-dropdown-container{display:inline-block;position:relative}.breadcrumb-dropdown-trigger{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid transparent;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.9rem;transition:all .2s;display:flex}.breadcrumb-dropdown-trigger:hover{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.dropdown-arrow{color:var(--color-text-secondary);font-size:.7rem;transition:transform .2s}.breadcrumb-dropdown-trigger:hover .dropdown-arrow{color:var(--color-primary);transform:translateY(-1px)}.breadcrumb-dropdown-menu{border:1px solid var(--color-border);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:12px;min-width:220px;padding:8px;animation:.2s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 32px rgba(0,0,0,.12)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-title{text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.5px;border-bottom:1px solid var(--color-border);margin-bottom:4px;padding:8px 12px 4px;font-size:.75rem;font-weight:600}.dropdown-item{color:var(--color-text);border-radius:8px;justify-content:space-between;align-items:center;margin:2px 0;padding:10px 12px;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.dropdown-item:hover{background:var(--color-primary-light);color:var(--color-primary);transform:translate(2px)}.dropdown-item.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-weight:600}.dropdown-item.active:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));transform:translate(2px)}.item-name{flex:1}.current-indicator{color:#fff;opacity:.9;font-size:.8rem;font-weight:700}.breadcrumb-dropdown-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.9rem;transition:all .2s;display:flex}.breadcrumb-dropdown-btn:hover{color:var(--color-primary);background:var(--color-primary-light)}.breadcrumb-dropdown-menu{background:var(--color-card-bg);border:1px solid var(--color-border);z-index:1000;border-radius:8px;min-width:200px;margin-top:4px;padding:8px 0;position:absolute;top:100%;left:0;box-shadow:0 4px 12px rgba(0,0,0,.15)}.dropdown-item{color:var(--color-text);padding:8px 16px;font-size:.85rem;text-decoration:none;transition:background .2s;display:block}.dropdown-item:hover{background:var(--color-primary-light);color:var(--color-primary)}.dropdown-current{color:var(--color-text-secondary);border-top:1px solid var(--color-border);margin-top:4px;padding:8px 16px;font-size:.85rem;font-weight:500}.header-right{align-items:center;gap:12px;margin-left:auto;display:flex}.header-back-btn{background:var(--color-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex}.header-back-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.username{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.profile-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;margin-left:8px;padding:4px;transition:all .2s}.profile-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.05)}.profile-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:600;display:flex}.default-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:2px solid rgba(255,255,255,.2)}.subtopics-section{margin-bottom:36px}.subtopics-title{color:var(--color-text);text-align:center;margin-bottom:20px;font-size:1.3rem;font-weight:600}.subtopics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.subtopic-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;justify-content:space-between;min-height:100px;padding:20px;text-decoration:none;transition:all .3s;display:flex}.subtopic-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.subtopic-card.active{border-color:var(--color-primary);background:var(--color-primary-light)}.subtopic-name{color:var(--color-text);margin:0 0 12px;font-size:1rem;font-weight:600;line-height:1.4}.subtopic-indicator{color:var(--color-text-secondary);align-self:flex-end;font-size:.8rem;font-weight:500}.subtopic-card.active .subtopic-indicator{color:var(--color-primary)}.mode-selector{margin-bottom:36px}.mode-title{color:var(--color-text);text-align:center;margin-bottom:20px;font-size:1.4rem;font-weight:600}.mode-buttons{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:1000px;margin:0 auto;display:grid}.mode-btn{background:var(--color-card-bg);border:2px solid var(--color-border);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:16px;width:100%;padding:24px;transition:all .3s;display:flex}.mode-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.mode-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.mode-icon{border-radius:8px;justify-content:center;align-items:center;padding:12px;display:flex}.mode-icon.learn{color:#2563eb;background:#dbeafe}.mode-icon.mcq{color:#d97706;background:#fef3c7}.mode-icon.code{color:#16a34a;background:#dcfce7}.mode-btn.active .mode-icon{color:var(--color-bg);background:rgba(255,255,255,.2)}.mode-content h3{margin-bottom:4px;font-size:1.1rem;font-weight:600}.mode-content p{opacity:.8;margin:0;font-size:.9rem}.problems-section{margin-bottom:40px}.problems-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.problems-title{color:var(--color-text);font-size:1.4rem;font-weight:600}.problems-stats{align-items:center;gap:24px;display:flex}.stat{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.generate-quiz-btn{background:var(--color-primary);color:var(--color-bg);cursor:pointer;transition:all var(--transition-speed);font-size:.85rem;font-weight:600;font-family:var(--font-primary);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;display:flex}.generate-quiz-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.generate-quiz-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.generate-quiz-btn .spinner{border:2px solid transparent;border-top:2px solid var(--color-bg);border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}.problems-grid{flex-direction:column;gap:16px;display:flex}.problem-card{background:var(--color-card-bg);border:1px solid var(--color-border);cursor:pointer;border-radius:16px;padding:20px;transition:all .2s;position:relative;overflow:hidden}.problem-card:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));height:3px;transition:transform .2s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.problem-card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.problem-card:hover:before{transform:scaleX(1)}.problem-header{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.problem-number{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.15)}.problem-title{color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.problem-difficulty{white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:600}.problem-description{color:var(--color-text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.problem-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.problem-status{align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:flex}.status-solved{color:#16a34a;background:rgba(22,163,74,.1);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex}.status-unsolved{color:var(--color-text-secondary);background:rgba(107,114,128,.1);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex}.start-problem-btn{background:var(--color-primary);color:var(--color-bg);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.start-problem-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.empty-icon{opacity:.5;margin-bottom:24px}.empty-state h3{color:var(--color-text);margin-bottom:12px;font-size:1.5rem}.empty-state p{margin-bottom:8px;font-size:1rem}.view-more-section{border-top:1px solid var(--color-border);justify-content:center;margin-top:32px;padding-top:24px;display:flex}.view-more-btn{background:var(--color-bg);color:var(--color-text);border:2px solid var(--color-primary);cursor:pointer;min-width:200px;font-size:.9rem;font-weight:600;font-family:var(--font-primary);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;transition:all .2s;display:flex}.view-more-btn:hover{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.view-more-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.08)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.practice-main{padding-top:10px}.practice-header{margin-bottom:20px;padding-top:10px}.practice-title{font-size:2rem}.practice-subtitle{font-size:1rem}.practice-title-section{margin-bottom:24px;padding:16px 0}.mode-buttons,.problems-grid{grid-template-columns:1fr}.problems-header{flex-direction:column;align-items:flex-start}.mode-btn,.problem-card{padding:16px}.mode-selector,.problems-section{margin-bottom:24px}.view-more-btn{gap:8px;width:100%;min-width:auto;max-width:320px;padding:16px 24px;font-size:.85rem}.view-more-section{margin-top:24px;padding-top:16px}.problem-card{padding:16px}.problem-header{gap:10px}.problem-number{width:32px;height:32px;font-size:.75rem}.problem-title{font-size:.95rem}.problem-description{font-size:.8rem}}.admin-login-container{background:linear-gradient(135deg,var(--color-bg)0%,var(--color-card-bg)100%);flex-direction:column;min-height:100vh;display:flex}.admin-login-header{background:var(--color-card-bg);border-bottom:1px solid var(--color-border);padding:20px 0}.admin-login-header .header-content{justify-content:space-between;align-items:center;display:flex}.admin-login-main{flex:1;justify-content:center;align-items:center;gap:40px;padding:40px 20px;display:flex}.admin-login-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:480px;padding:40px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.admin-login-header-section{text-align:center;margin-bottom:32px}.admin-icon{background:var(--color-primary);width:64px;height:64px;color:var(--color-bg);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.admin-title{color:var(--color-text);margin-bottom:8px;font-size:2rem;font-weight:700}.admin-subtitle{color:var(--color-text-secondary);font-size:1rem}.admin-login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full-width{grid-column:1/-1}.form-label{color:var(--color-text);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.password-input-container{position:relative}.password-input{padding-right:48px}.password-toggle{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-primary)}.admin-login-btn,.submit-btn{background:var(--color-primary);color:var(--color-bg);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.admin-login-btn:hover,.submit-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.admin-login-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;display:flex}.form-message{border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:.9rem;display:flex}.form-message.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.form-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.security-notice{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:8px;gap:12px;margin-top:24px;padding:16px;font-size:.85rem;display:flex}.security-icon{flex-shrink:0;margin-top:2px}.admin-info-panel{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:400px;padding:32px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.admin-info-panel h3{color:var(--color-text);margin-bottom:16px;font-size:1.25rem;font-weight:600}.admin-info-panel ul{margin:0;padding:0;list-style:none}.admin-info-panel li{color:var(--color-text-secondary);padding:8px 0;font-size:.9rem}.loading-spinner{border:2px solid transparent;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.loading-spinner.small{width:16px;height:16px}.admin-dashboard{background:var(--color-bg);min-height:100vh}.admin-header{background:var(--color-card-bg);border-bottom:1px solid var(--color-border);z-index:100;padding:16px 0;position:-webkit-sticky;position:sticky;top:0}.admin-header-content{justify-content:space-between;align-items:center;display:flex}.admin-header-left{align-items:center;gap:24px;display:flex}.admin-breadcrumb{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.admin-header-right{align-items:center;gap:16px;display:flex}.admin-welcome{color:var(--color-text-secondary);font-size:.9rem}.logout-btn{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;transition:all .2s;display:flex}.logout-btn:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.admin-main{padding:32px 0}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-title{color:var(--color-text);margin-bottom:8px;font-size:2.5rem;font-weight:700}.dashboard-subtitle{color:var(--color-text-secondary);font-size:1.1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:48px;display:grid}.stat-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:16px;padding:24px;transition:transform .2s;display:flex}.stat-card:hover{transform:translateY(-2px)}.stat-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.problems{background:#3b82f6}.stat-icon.categories{background:#10b981}.stat-icon.topics{background:#f59e0b}.stat-icon.subtopics{background:#8b5cf6}.stat-content h3{color:var(--color-text-secondary);margin-bottom:4px;font-size:.9rem;font-weight:500}.stat-number{color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.action-section,.recent-section{margin-bottom:48px}.section-title{color:var(--color-text);margin-bottom:24px;font-size:1.5rem;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.view-all-btn{color:var(--color-primary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.view-all-btn:hover{color:var(--color-primary-dark)}.action-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.action-card{background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:12px;align-items:center;gap:16px;padding:24px;text-decoration:none;transition:all .3s;display:flex}.action-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.action-card.primary{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.action-card.primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.action-icon{background:rgba(255,255,255,.1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.action-card:not(.primary) .action-icon{background:var(--color-primary-light);color:var(--color-primary)}.action-content h3{margin-bottom:4px;font-size:1.1rem;font-weight:600}.action-content p{opacity:.8;margin:0;font-size:.9rem}.recent-problems-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.problem-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;padding:20px;transition:border-color .2s}.problem-card:hover{border-color:var(--color-primary)}.problem-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.problem-name{color:var(--color-text);flex:1;margin:0;font-size:1rem;font-weight:600}.problem-path{color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem;display:flex}.problem-date{color:var(--color-text-secondary);font-size:.8rem}.empty-state{text-align:center;color:var(--color-text-secondary);padding:48px 24px}.empty-state h3{color:var(--color-text);margin:16px 0 8px;font-size:1.25rem}.add-first-problem-btn{background:var(--color-primary);color:var(--color-bg);border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.add-first-problem-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.admin-loading{min-height:100vh;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.admin-add-problem{background:var(--color-bg);min-height:100vh}.add-problem-content{max-width:1000px;margin:0 auto}.page-header{text-align:center;margin-bottom:40px}.page-title{color:var(--color-text);margin-bottom:8px;font-size:2rem;font-weight:700}.page-subtitle{color:var(--color-text-secondary);font-size:1rem}.problem-form-container{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;padding:32px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.problem-form{flex-direction:column;gap:24px;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.form-actions{border-top:1px solid var(--color-border);padding-top:16px}@media (max-width:768px){.admin-login-main{flex-direction:column;gap:24px}.admin-login-card,.admin-info-panel{max-width:100%}.dashboard-title{font-size:2rem}.stats-grid,.action-grid{grid-template-columns:1fr}.admin-header-content{flex-direction:column;align-items:flex-start;gap:16px}.form-row,.recent-problems-grid{grid-template-columns:1fr}.main-header .container{flex-direction:column;gap:16px;padding:16px}.header-center{order:2;width:100%}.header-right{order:1;justify-content:space-between;width:100%;margin-left:0}.breadcrumb{flex-wrap:wrap;justify-content:center;font-size:.8rem}.breadcrumb-separator{margin:0 4px}.practice-title-section{text-align:center;padding:20px 0}.practice-title{font-size:1.8rem}.mode-selector{margin-bottom:24px}.mode-buttons{flex-direction:column;gap:12px}.mode-btn{width:100%;padding:16px}.problems-section{padding:16px}.problems-header{text-align:center;flex-direction:column;gap:16px}.problems-stats{justify-content:center}.problem-card{padding:16px}.problem-header{flex-direction:column;align-items:flex-start;gap:8px}.problem-title{font-size:1rem}.problem-footer{flex-direction:column;align-items:stretch;gap:12px}.subtopics-grid{grid-template-columns:1fr}.subtopic-card{min-height:80px;padding:16px}.subtopic-name{font-size:.95rem}.header-center{order:3;width:100%;margin-top:12px;position:static;transform:none}.header-content{flex-direction:column;align-items:stretch;gap:8px}.header-left{justify-content:center}.header-right{justify-content:space-between;width:100%;margin-left:0}.breadcrumb{flex-wrap:wrap;justify-content:center;gap:4px}.breadcrumb-dropdown-menu{min-width:200px;max-width:90vw}.username{font-size:.8rem}}@media (max-width:480px){.main-header .container{padding:12px}.header-content{gap:12px}.breadcrumb{gap:2px;font-size:.8rem}.breadcrumb-separator{margin:0 2px}.breadcrumb-dropdown-trigger{padding:4px 8px;font-size:.8rem}.breadcrumb-dropdown-menu{min-width:180px;left:-50px}.dropdown-item{padding:8px 10px;font-size:.8rem}.user-info{gap:8px}.profile-avatar{width:36px;height:36px;font-size:.8rem}.header-back-btn{width:36px;height:36px}.practice-title{font-size:1.5rem}.problem-card,.problems-section{padding:12px}}.learn-main{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);min-height:calc(100vh - 80px);padding:2rem 0}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.learn-layout{grid-template-columns:1fr 400px;align-items:start;gap:2rem;display:grid}@media (max-width:1200px){.learn-layout{grid-template-columns:1fr 350px;gap:1.5rem}}@media (max-width:768px){.learn-layout{grid-template-columns:1fr;gap:1.5rem}}.learn-content{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:20px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.problem-header-section{background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);border-bottom:1px solid rgba(0,0,0,.05);padding:2.5rem}.problem-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.category-icon{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:25px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.category-icon:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.15)}.problem-difficulty{background:rgba(0,0,0,.05);border-radius:25px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s}.problem-difficulty:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.problem-id{color:var(--color-text-secondary);background:rgba(0,0,0,.05);border-radius:25px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s}.problem-title{color:var(--color-text);background:linear-gradient(135deg,#1a1a1a 0%,#4d4d4d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.problem-description{color:var(--color-text-secondary);margin-bottom:0;font-size:1.125rem;line-height:1.7}.learning-sections{padding:2.5rem}.learning-section{background:#fafbfc;border:1px solid rgba(0,0,0,.05);border-radius:16px;margin-bottom:2rem;padding:2rem;transition:all .3s}.learning-section:hover{border-color:rgba(0,0,0,.1);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.section-title{color:var(--color-text);border-bottom:2px solid rgba(0,0,0,.1);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:700;display:flex}.section-title svg{color:var(--color-primary)}.section-content{color:var(--color-text-secondary);line-height:1.7}.learning-workspace{background:#f8fafc;min-height:calc(100vh - 80px);padding:20px 0}.workspace-container{grid-template-columns:400px 1fr;gap:30px;max-width:1600px;height:calc(100vh - 120px);margin:0 auto;padding:0 20px;display:grid}.workspace-sidebar{background:#fff;border-radius:12px;height:-moz-fit-content;height:fit-content;max-height:100%;padding:24px;overflow-y:auto;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.workspace-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.workspace-header h2{color:#1e293b;margin-bottom:12px;font-size:18px;font-weight:600}.problem-info .problem-meta{align-items:center;gap:12px;margin-bottom:8px;display:flex}.problem-number{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.problem-difficulty{background:rgba(0,0,0,.05);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.problem-info h3{color:#334155;font-size:14px;font-weight:600;line-height:1.4}.workspace-section{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;overflow:hidden}.section-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:12px 16px;display:flex}.section-header h4{color:#334155;flex:1;font-size:14px;font-weight:600}.edit-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.edit-btn:hover{color:#334155;background:#e2e8f0}.section-content{padding:16px}.section-text{color:#475569;cursor:pointer;border-radius:6px;min-height:40px;padding:8px;font-size:14px;line-height:1.5;transition:background-color .2s}.section-text:hover{background:#f8fafc}.editing-container{flex-direction:column;gap:12px;display:flex}.section-textarea{resize:vertical;border:1px solid #d1d5db;border-radius:6px;width:100%;min-height:100px;padding:12px;font-family:inherit;font-size:14px}.section-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.editing-controls{justify-content:flex-end;gap:8px;display:flex}.save-btn,.cancel-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.save-btn{color:#fff;background:#3b82f6}.save-btn:hover{background:#2563eb}.cancel-btn{color:#64748b;background:#f1f5f9}.cancel-btn:hover{background:#e2e8f0}.workspace-actions{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:16px}.workspace-main{flex-direction:column;gap:20px;height:100%;display:flex;overflow:hidden}.problem-description{background:#fff;border-radius:12px;max-height:50%;padding:24px;overflow-y:auto;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.problem-meta-header{margin-bottom:16px}.category-icon{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.problem-description h1{color:#1e293b;margin-bottom:16px;font-size:24px;font-weight:700;line-height:1.3}.problem-description-text{color:#475569;margin-bottom:20px;font-size:16px;line-height:1.6}.problem-hints{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-bottom:20px;padding:16px}.problem-hints h4{color:#92400e;margin-bottom:8px;font-size:14px;font-weight:600}.problem-hints p{color:#78350f;font-size:14px;line-height:1.5}.complexity-info{gap:20px;margin-top:20px;display:flex}.complexity-item{align-items:center;gap:8px;display:flex}.complexity-label{color:#64748b;font-size:14px;font-weight:500}.complexity-value{color:#334155;background:#f1f5f9;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:600}.ai-chat-interface{background:#fff;border-radius:12px;flex-direction:column;height:50%;min-height:400px;display:flex;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.chat-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;align-items:center;gap:12px;padding:20px 24px;display:flex}.chat-header h3{color:#1e293b;font-size:16px;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.welcome-message{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.welcome-message p{margin-top:12px;font-size:14px;line-height:1.5}.message{align-items:flex-start;gap:12px;display:flex}.message.user{flex-direction:row-reverse}.message-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.message.user .message-icon{color:#fff;background:#3b82f6}.message.assistant .message-icon{color:#64748b;background:#f1f5f9}.message-content{flex:1;max-width:80%}.message.user .message-content{text-align:right}.message-content p{color:#334155;background:#f8fafc;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5}.message.user .message-content p{color:#fff;background:#3b82f6}.message.typing .message-content p{background:#e2e8f0;animation:1.5s ease-in-out infinite pulse}.message-time{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.yes-no-buttons{justify-content:center;gap:12px;margin:16px 0;display:flex}.yes-btn,.no-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.yes-btn:hover{background:#16a34a}.no-btn:hover{background:#dc2626}.chat-input{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;gap:12px;padding:20px;display:flex}.chat-input input{background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1;padding:12px 16px;font-size:14px}.chat-input input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.send-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 16px;transition:background-color .2s;display:flex}.send-btn:hover:not(:disabled){background:#2563eb}.send-btn:disabled{cursor:not-allowed;background:#94a3b8}@media (max-width:1200px){.workspace-container{grid-template-columns:350px 1fr;gap:20px}}@media (max-width:768px){.workspace-container{grid-template-columns:1fr;height:auto}.workspace-sidebar{order:2;height:auto}.workspace-main{order:1;height:auto}.ai-chat-interface{height:500px}}.explain-concept-btn{background:var(--color-primary);color:var(--color-bg);cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-primary);border:none;border-radius:12px;align-items:center;gap:8px;margin-top:1rem;padding:12px 20px;transition:all .3s;display:flex}.explain-concept-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.explain-concept-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.explain-concept-btn:active:not(:disabled){transform:translateY(0)}.section-content p{margin-bottom:1rem}.section-content p:last-child{margin-bottom:0}.ai-chat-sidebar{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:20px;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:2rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.chat-header{color:#fff;background:linear-gradient(135deg,#000 0%,#333 100%);border-bottom:1px solid rgba(0,0,0,.1);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.chat-header h3{margin:0;font-size:1.125rem;font-weight:700}.chat-header svg{color:#10b981}.chat-messages{background:#fafbfc;max-height:600px;padding:1.5rem;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.welcome-message{text-align:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;margin-bottom:1rem;padding:2rem 1rem}.welcome-message svg{color:#10b981;margin-bottom:1rem}.welcome-message p{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.95rem}.suggested-questions{flex-direction:column;gap:.75rem;display:flex}.suggested-btn{color:#059669;cursor:pointer;text-align:left;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s}.suggested-btn:hover{background:rgba(16,185,129,.2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.15)}.message{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;gap:1rem;max-width:80%;margin-bottom:1.5rem;padding:1.25rem;transition:all .3s;display:flex}.message:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.message.user{color:#fff;background:#000;margin-left:auto;margin-right:0}.message.assistant{margin-left:0;margin-right:auto}.message-avatar{width:40px;height:40px;color:var(--color-text);background:rgba(0,0,0,.1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.message.user .message-avatar{color:#fff;background:rgba(255,255,255,.2)}.message.assistant .message-avatar{color:#059669;background:rgba(16,185,129,.1)}.message-content{flex:1}.message-content p{margin-bottom:.5rem;font-size:1rem;line-height:1.6}.message-time{color:var(--color-text-secondary);opacity:.7;font-size:.75rem}.message.user .message-time{color:rgba(255,255,255,.7)}.typing-indicator{gap:4px;padding:.5rem 0;display:flex}.typing-indicator span{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typing}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.chat-input{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.1);border-radius:12px;align-items:flex-end;gap:.75rem;padding:.75rem 1rem;transition:all .3s;display:flex}.chat-input:focus-within{border-color:#059669;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.chat-input input{resize:none;min-height:20px;max-height:120px;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:1rem;line-height:1.5}.chat-input input::placeholder{color:var(--color-text-secondary);opacity:.7}.chat-input input:focus{outline:none}.chat-input input:disabled{opacity:.6;cursor:not-allowed}.send-btn{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;background:rgba(0,0,0,.1);transform:none}@media (max-width:768px){.learn-main{padding:1rem 0}.container{padding:0 1rem}.problem-header-section{padding:1.5rem}.problem-title{font-size:2rem}.learning-sections,.learning-section{padding:1.5rem}.ai-chat-sidebar{position:static}.message.user{margin-left:1rem}.message.assistant{margin-right:1rem}}@media (max-width:480px){.problem-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.category-icon,.problem-difficulty,.problem-id{padding:.4rem .8rem;font-size:.8rem}.problem-title{font-size:1.75rem}.section-title{font-size:1.125rem}.chat-input{padding:1rem}.chat-input input{font-size:.8rem}}.learn-content,.ai-chat-sidebar{animation:.6s ease-out fadeInUp}.message{animation:.4s ease-out fadeInUp}.fullscreen-chat-overlay{z-index:1000;background:rgba(0,0,0,.95);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.fullscreen-chat-modal{background:#fff;border:2px solid #e0e0e0;border-radius:16px;flex-direction:column;width:95vw;max-width:1200px;height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}.fullscreen-chat-header{color:#fff;background:#000;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.fullscreen-chat-header .chat-header{align-items:center;gap:1rem;margin:0;display:flex}.fullscreen-chat-header .chat-header h3{margin:0;font-size:1.5rem;font-weight:700}.close-fullscreen-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex}.close-fullscreen-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.fullscreen-chat-messages{background:#fafbfc;flex-direction:column;flex:1;gap:1rem;padding:2rem;display:flex;overflow-y:auto}.fullscreen-chat-messages::-webkit-scrollbar{width:8px}.fullscreen-chat-messages::-webkit-scrollbar-track{background:0 0}.fullscreen-chat-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}.fullscreen-chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.cursor{color:#10b981;font-weight:700;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.fullscreen-chat-input{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.1);border-radius:12px;align-items:flex-end;gap:.75rem;padding:.75rem 1rem;transition:all .3s;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.fullscreen-chat-input:focus-within{border-color:#059669;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.fullscreen-chat-input input{resize:none;min-height:20px;max-height:120px;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:1rem;line-height:1.5}.fullscreen-chat-input input::placeholder{color:var(--color-text-secondary);opacity:.7}.fullscreen-chat-input .send-btn{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.fullscreen-chat-input .send-btn:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.fullscreen-chat-input .send-btn:disabled{cursor:not-allowed;background:rgba(0,0,0,.1)}.yes-no-buttons{gap:.5rem;margin-top:.75rem;display:flex}.yes-no-buttons button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.yes-btn{color:#fff;background:#059669}.yes-btn:hover{background:#047857;transform:translateY(-1px)}.no-btn{color:#fff;background:#dc2626}.no-btn:hover{background:#b91c1c;transform:translateY(-1px)}.chat-controls{gap:.5rem;display:flex}.notes-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .3s;display:flex}.notes-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.notes-panel{z-index:100;background:#fff;border-left:1px solid rgba(0,0,0,.1);flex-direction:column;width:350px;height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 12px rgba(0,0,0,.1)}.notes-header{color:#fff;background:#000;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.notes-header h4{margin:0;font-size:1.25rem;font-weight:600}.close-notes-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;transition:all .3s;display:flex}.close-notes-btn:hover{background:rgba(255,255,255,.2)}.notes-content{flex:1;padding:1.5rem;overflow-y:auto}.no-notes{text-align:center;color:var(--color-text-secondary);margin-top:2rem;font-style:italic}.note-item{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05);border-radius:8px;margin-bottom:1rem;padding:1rem;transition:all .3s}.note-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.note-item h5{color:var(--color-text);margin:0 0 .5rem;font-size:1rem;font-weight:600}.note-item p{color:var(--color-text-secondary);margin:0 0 .5rem;font-size:.875rem;line-height:1.5}.note-item small{color:var(--color-text-secondary);font-size:.75rem}.dynamic-notes{margin-top:1rem}.dynamic-notes .note-item{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05);border-radius:8px;margin-bottom:.75rem;padding:.75rem;transition:all .3s}.dynamic-notes .note-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.dynamic-notes .note-item p{color:var(--color-text);margin:0;font-size:.875rem;line-height:1.5}.fullscreen-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;font-size:1.2rem;transition:all .3s;display:flex}.fullscreen-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.w-30-percent{width:30%!important}.w-70-percent{width:70%!important}@keyframes blob{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(168,85,247,.4)}50%{box-shadow:0 0 40px rgba(168,85,247,.8)}}@keyframes gradient-x{0%,to{background-position:0;background-size:200% 200%}50%{background-position:100%;background-size:200% 200%}}.animate-blob{animation:7s infinite blob}.animate-float{animation:6s ease-in-out infinite float}.animate-fade-in-up{animation:.6s ease-out fade-in-up}.animate-glow{animation:2s ease-in-out infinite alternate glow}.animate-gradient-x{animation:3s infinite gradient-x}.animation-delay-300{animation-delay:.3s}.animation-delay-500{animation-delay:.5s}.animation-delay-700{animation-delay:.7s}.animation-delay-900{animation-delay:.9s}.animation-delay-1100{animation-delay:1.1s}.animation-delay-1300{animation-delay:1.3s}.animation-delay-1500{animation-delay:1.5s}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.3) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(rgba(168,85,247,.4),rgba(236,72,153,.4));border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(rgba(168,85,247,.6),rgba(236,72,153,.6))}