@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Poppins:wght@400;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{margin:0;padding:0;width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.loading-page{min-height:100vh;background:var(--primary-bg, linear-gradient(135deg, #000000 0%, #1a0a52 50%, #3d20b3 100%));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.loading-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);animation:float 6s ease-in-out infinite}.loading-container{background:var(--surface-elevated, rgba(26, 10, 82, .9));-webkit-backdrop-filter:var(--backdrop-blur, blur(10px));backdrop-filter:var(--backdrop-blur, blur(10px));border:1px solid var(--border-primary, rgba(196, 181, 253, .2));border-radius:20px;padding:3rem;text-align:center;box-shadow:var(--shadow-elevated, 0 8px 32px rgba(0, 0, 0, .3));position:relative;z-index:1;max-width:400px;width:90%}.loading-logo{width:80px;height:80px;margin:0 auto 2rem;border-radius:50%;box-shadow:0 4px 20px #c4b5fd4d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading-title{color:var(--text-accent, #c4b5fd);font-size:2rem;font-weight:700;margin-bottom:1rem;background:var(--accent-primary, linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-subtitle{color:var(--text-secondary, #a78bfa);font-size:1.1rem;margin-bottom:2rem;line-height:1.5}.progress-container{background:#ffffff1a;border-radius:25px;padding:4px;margin-bottom:2rem;position:relative;overflow:hidden}.progress-bar{height:8px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:25px;width:0%;animation:progress 3s ease-in-out infinite;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.loading-text{color:#a78bfa;font-size:.9rem;margin-bottom:1rem}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(196,181,253,.3);border-radius:50%;border-top-color:#8b5cf6;animation:spin 1s ease-in-out infinite;margin-right:.5rem}.loading-features{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.feature-item{background:#c4b5fd1a;border:1px solid rgba(196,181,253,.2);border-radius:10px;padding:.75rem;color:#a78bfa;font-size:.8rem;font-weight:500;animation:fadeInUp .6s ease-out}.feature-item:nth-child(1){animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.2s}.feature-item:nth-child(3){animation-delay:.3s}@media (max-width: 768px){.loading-container{margin:1rem;padding:2rem}.loading-title{font-size:1.5rem}.loading-subtitle{font-size:1rem}.loading-features{flex-direction:column;gap:.5rem}.feature-item{text-align:center}}.animated-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.7}.spin3d{animation:spin3d 2.5s cubic-bezier(.4,.2,.2,1) infinite}@keyframes spin3d{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.08)}to{transform:rotateY(360deg) scale(1)}}.pro-glow{box-shadow:0 0 40px 10px #a78bfa44,0 8px 32px #0000004d;border:1.5px solid #a78bfa33}.pro-bar-stripes{background:repeating-linear-gradient(135deg,#8b5cf6 0,#8b5cf6 16px,#a855f7 16px,#a855f7 32px);position:relative;overflow:hidden}.pro-bar-stripes:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 8px,transparent 8px 16px);animation:stripes-move 1.2s linear infinite;z-index:1}@keyframes stripes-move{0%{background-position:0 0}to{background-position:32px 0}}.dual-ring{display:inline-block;width:24px;height:24px;border:3px solid #a78bfa44;border-radius:50%;border-top:3px solid #a78bfa;border-bottom:3px solid #8b5cf6;animation:dual-spin 1.1s linear infinite;margin-right:.5rem;vertical-align:middle}@keyframes dual-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pro-fadein{opacity:0;transform:scale(.95) translateY(20px);animation:pro-fadein-anim .7s cubic-bezier(.4,.2,.2,1) forwards}.premium-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0026,#1a0a52,#3d20b3);font-family:Inter,Segoe UI,Arial,sans-serif}.premium-card{max-width:520px;width:100%;padding:4.5rem 3.5rem 3.5rem;border-radius:32px;box-shadow:0 0 60px #a78bfa55,0 8px 32px #0000004d;border:2.5px solid #a78bfa33;background:#1a0a52eb;margin:2rem 1rem;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.premium-logo{width:110px;height:110px;margin-bottom:2.5rem;margin-top:-1.5rem;box-shadow:0 8px 32px #a78bfa33,0 2px 8px #fff1}.premium-title{font-size:2.7rem;font-weight:800;letter-spacing:1px;margin-bottom:1.2rem;background:linear-gradient(90deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-subtitle{font-size:1.25rem;color:#c4b5fd;margin-bottom:2.7rem;line-height:1.6;font-weight:500}.premium-progress{margin-bottom:2.5rem;height:14px;border-radius:30px}.premium-loading-text{font-size:1.1rem;color:#c4b5fd;margin-bottom:1.7rem;font-weight:500;letter-spacing:.2px}.premium-features{display:flex;justify-content:center;gap:1.5rem;margin-top:2.7rem}.premium-feature{font-size:1.05rem;padding:1.1rem 1.5rem;border-radius:14px;background:#c4b5fd21;border:1.5px solid #a78bfa33;color:#a78bfa;font-weight:600;box-shadow:0 2px 8px #a78bfa22;text-align:center}@media (max-width: 900px){.premium-card{max-width:98vw;padding:2.5rem 1.2rem 2rem}.premium-logo{width:80px;height:80px;margin-bottom:1.5rem}.premium-title{font-size:2rem}.premium-subtitle{font-size:1rem}.premium-feature{font-size:.95rem;padding:.7rem 1rem}.premium-features{gap:.7rem}}@media (max-width: 600px){.premium-card{padding:1.2rem .5rem;border-radius:18px}.premium-logo{width:60px;height:60px}.premium-title{font-size:1.3rem}.premium-subtitle{font-size:.9rem}.premium-feature{font-size:.85rem;padding:.5rem .7rem}.premium-features{gap:.4rem}}.loading-enhanced-bg{min-height:100vh;width:100vw;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0a0015}.bg-gradient-animated{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,rgba(167,139,250,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(124,58,237,.3) 0%,transparent 50%),linear-gradient(45deg,#1a0a52,#3d20b3,#7c3aed);animation:rotate-gradient 15s ease-in-out infinite;z-index:0}@keyframes rotate-gradient{0%,to{transform:rotate(0) scale(1);opacity:.7}50%{transform:rotate(180deg) scale(1.1);opacity:.9}}.bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#a78bfa1a,#8b5cf60d);animation:float-shape 12s ease-in-out infinite}.shape-1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.shape-2{width:200px;height:200px;top:60%;right:15%;animation-delay:4s}.shape-3{width:150px;height:150px;bottom:20%;left:60%;animation-delay:8s}@keyframes float-shape{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-50px) rotate(180deg);opacity:.6}}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#a78bfa 0%,transparent 70%);border-radius:50%;animation:particle-float 8s ease-in-out infinite}@keyframes particle-float{0%,to{transform:translateY(0) scale(.5);opacity:.3}50%{transform:translateY(-100px) scale(1);opacity:1}}.network-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.network-svg{width:100%;height:100%}.network-line{animation:pulse-line 3s ease-in-out infinite}.line-1{animation-delay:0s}.line-2{animation-delay:1s}.line-3{animation-delay:2s}@keyframes pulse-line{0%,to{opacity:.2;stroke-width:1}50%{opacity:.7;stroke-width:2}}.loading-enhanced-center{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;z-index:2;position:relative}.loading-enhanced-card{background:#1a0a52f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:40px;box-shadow:0 0 80px #a78bfa66,0 20px 40px #0000004d,inset 0 1px #ffffff1a;border:2px solid rgba(167,139,250,.3);padding:4rem 3.5rem 3rem;max-width:480px;width:90%;display:flex;flex-direction:column;align-items:center;z-index:3;position:relative;animation:card-glow 4s ease-in-out infinite}@keyframes card-glow{0%,to{box-shadow:0 0 80px #a78bfa66,0 20px 40px #0000004d,inset 0 1px #ffffff1a}50%{box-shadow:0 0 120px 10px #a78bfa99,0 20px 40px #0000004d,inset 0 1px #fff3}}.logo-container{position:relative;margin-bottom:2.5rem;margin-top:-1.5rem}.loading-enhanced-logo{width:120px;height:120px;border-radius:50%;position:relative;z-index:2;animation:logo-pulse 3s ease-in-out infinite}.logo-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.4) 0%,transparent 70%);animation:glow-pulse 2s ease-in-out infinite;z-index:1}@keyframes logo-pulse{0%,to{transform:scale(1) rotateY(0);filter:drop-shadow(0 8px 32px rgba(167,139,250,.4))}50%{transform:scale(1.05) rotateY(180deg);filter:drop-shadow(0 12px 40px rgba(167,139,250,.6))}}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.loading-enhanced-title{font-size:2.8rem;font-weight:900;letter-spacing:2px;margin-bottom:1.2rem;display:flex;justify-content:center;gap:.1em}.title-letter{background:linear-gradient(135deg,#a78bfa,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letter-wave 2s ease-in-out infinite;display:inline-block}.title-letter:nth-child(1){animation-delay:.1s}.title-letter:nth-child(2){animation-delay:.2s}.title-letter:nth-child(3){animation-delay:.3s}.title-letter:nth-child(4){animation-delay:.4s}.title-letter:nth-child(5){animation-delay:.5s}.title-letter:nth-child(6){animation-delay:.6s}.title-letter:nth-child(7){animation-delay:.7s}.title-letter:nth-child(8){animation-delay:.8s}@keyframes letter-wave{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.loading-enhanced-subtitle{font-size:1.3rem;color:#c4b5fd;margin-bottom:2.5rem;line-height:1.6;font-weight:500;text-align:center;opacity:.9}.loading-modern-progress{display:flex;flex-direction:column;align-items:center;margin-bottom:2.2rem}.progress-ring{display:block;margin:0 auto 1.1rem;transform:rotate(-90deg)}.progress-ring-bg{stroke:#2e1065;opacity:.25}.progress-ring-bar{stroke-linecap:round;filter:drop-shadow(0 0 8px #a78bfa88)}.loading-modern-type{font-size:1.08rem;color:#a78bfa;font-weight:600;min-height:1.5em;letter-spacing:.2px;text-align:center;display:block;margin-top:.2rem;font-family:Fira Mono,Consolas,Menlo,monospace}.loading-modern-features{display:flex;justify-content:center;gap:1.2rem;margin-top:1.7rem}.loading-modern-feature{display:flex;flex-direction:column;align-items:center;background:#c4b5fd21;border:1.5px solid #a78bfa33;border-radius:14px;padding:.9rem 1.2rem;color:#a78bfa;font-weight:600;box-shadow:0 2px 8px #a78bfa22;font-size:1.02rem;animation:pro-fadein-anim .7s cubic-bezier(.4,.2,.2,1) forwards;opacity:0;transform:scale(.95) translateY(20px)}.loading-modern-feature .feature-icon{font-size:1.5rem;margin-bottom:.3rem}.loading-modern-feature .feature-label{font-size:.95rem;color:#c4b5fd;font-weight:500}@keyframes pro-fadein-anim{to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 900px){.loading-modern-card{max-width:98vw;padding:2.2rem 1.2rem 1.5rem}.loading-modern-logo{width:70px;height:70px;margin-bottom:1.2rem}.loading-modern-title{font-size:1.5rem}.loading-modern-subtitle{font-size:1rem}.loading-modern-feature{font-size:.92rem;padding:.6rem .7rem}.loading-modern-features{gap:.5rem}}@media (max-width: 600px){.loading-modern-card{padding:1.2rem .5rem;border-radius:18px}.loading-modern-logo{width:48px;height:48px}.loading-modern-title{font-size:1.1rem}.loading-modern-subtitle{font-size:.85rem}.loading-modern-feature{font-size:.8rem;padding:.4rem .5rem}.loading-modern-features{gap:.2rem}}.loading-enhanced-progress{display:flex;flex-direction:column;align-items:center;margin-bottom:2.8rem}.progress-container{position:relative;margin-bottom:1.5rem}.progress-ring-enhanced{display:block;transform:rotate(-90deg);filter:drop-shadow(0 0 15px rgba(167,139,250,.5))}.progress-ring-bg-enhanced{opacity:.2}.progress-ring-bar-enhanced{stroke-linecap:round;transition:stroke-dashoffset .3s ease;filter:drop-shadow(0 0 8px currentColor)}.progress-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percentage{font-size:1.4rem;font-weight:700;color:#a78bfa;text-shadow:0 0 10px rgba(167,139,250,.5)}.typewriter-container{display:flex;align-items:center;justify-content:center;min-height:2rem}.loading-enhanced-type{font-size:1.2rem;color:#c4b5fd;font-weight:600;letter-spacing:.5px;text-align:center;font-family:Fira Code,Consolas,monospace}.cursor{font-size:1.2rem;color:#a78bfa;animation:blink 1s infinite;margin-left:2px}.loading-enhanced-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2rem;width:100%}.loading-enhanced-feature{display:flex;flex-direction:column;align-items:center;background:#c4b5fd14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(167,139,250,.3);border-radius:20px;padding:1.2rem 1rem;color:#a78bfa;font-weight:600;box-shadow:0 4px 15px #a78bfa33,inset 0 1px #ffffff1a;font-size:1rem;animation:feature-fade-in .8s cubic-bezier(.4,.2,.2,1) forwards;opacity:0;transform:scale(.9) translateY(20px);transition:all .3s ease}.loading-enhanced-feature:hover{transform:scale(1.02) translateY(-2px);box-shadow:0 8px 25px #a78bfa4d,inset 0 1px #fff3}.feature-icon-container{position:relative;margin-bottom:.5rem}.feature-icon{font-size:2rem;margin-bottom:.3rem;animation:icon-bounce 2s ease-in-out infinite;position:relative;z-index:2}.icon-pulse{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.2) 0%,transparent 70%);animation:pulse-icon 1.5s ease-in-out infinite;z-index:1}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse-icon{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.feature-label{font-size:.9rem;color:#c4b5fd;font-weight:500;text-align:center}@keyframes feature-fade-in{to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 480px){.loading-enhanced-bg{padding:.5rem}.loading-enhanced-center{width:100%;min-height:100vh;padding:.5rem}.loading-enhanced-card{padding:1.5rem .8rem 1.2rem;border-radius:16px;width:100%;max-width:100%;margin:0;box-sizing:border-box}.loading-enhanced-logo{width:50px;height:50px;margin-bottom:1rem}.loading-enhanced-title{font-size:1.2rem;letter-spacing:.5px}.loading-enhanced-subtitle{font-size:.8rem;margin-bottom:1.5rem}.loading-enhanced-features{grid-template-columns:1fr;gap:.6rem;margin-top:1rem}.loading-enhanced-feature{font-size:.8rem;padding:.6rem .5rem}.progress-ring-enhanced{width:70px;height:70px}.progress-percentage{font-size:1rem}.loading-enhanced-type{font-size:.9rem}.typewriter-container{min-height:1.2rem}}.signup-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:url(/contentbackground.png) no-repeat center center/cover}.signup-container{background:var(--surface-elevated, rgba(26, 10, 82, .9));-webkit-backdrop-filter:var(--backdrop-blur, blur(10px));backdrop-filter:var(--backdrop-blur, blur(10px));border:1px solid var(--border-primary, rgba(196, 181, 253, .2));border-radius:20px;padding:3rem;width:100%;max-width:500px;box-shadow:var(--shadow-elevated, 0 8px 32px rgba(0, 0, 0, .3));position:relative;z-index:1;max-height:90vh;overflow-y:auto}.signup-header{text-align:center;margin-bottom:2rem}.signup-logo{width:80px;height:80px;margin-bottom:1rem;border-radius:50%;box-shadow:0 4px 20px #c4b5fd4d}.signup-header h1{color:#c4b5fd;font-size:1.8rem;margin-bottom:.5rem;font-weight:600}.signup-header p{color:#a78bfa;font-size:1rem;margin:0}.signup-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input::placeholder,.form-group textarea::placeholder{color:#a78bfa}.form-group small{color:#a78bfa;font-size:.8rem;margin-top:.25rem}.form-group select option{background:#1a0a52;color:#fff}.photo-upload{display:flex;align-items:center;gap:1rem}.file-input{display:none}.file-label{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;min-width:120px}.file-label:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}.photo-preview{margin-top:1rem;text-align:center}.photo-preview img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid rgba(196,181,253,.3);box-shadow:0 4px 15px #0003}.manit-data-preview{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:1rem;margin:1rem 0}.manit-data-preview h4{color:#22c55e;font-size:.9rem;margin-bottom:.5rem;font-weight:600}.data-preview p{color:#c4b5fd;font-size:.8rem;margin:.25rem 0}.data-preview strong{color:#a78bfa}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;margin-bottom:1rem}.signup-btn{padding:.75rem 1rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.signup-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.signup-btn:disabled{opacity:.7;cursor:not-allowed}.signup-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(196,181,253,.2)}.signup-footer p{color:#a78bfa;margin:.5rem 0;font-size:.9rem}.signup-footer a{color:#8b5cf6;text-decoration:none;font-weight:500;transition:color .3s ease}.signup-footer a:hover{color:#a855f7;text-decoration:underline}@media (max-width: 768px){.signup-container{margin:1rem;padding:2rem;max-width:100%}.signup-header h1{font-size:1.5rem}.photo-upload{flex-direction:column;align-items:stretch}.file-label{min-width:auto}}html,body{width:100%;overflow-x:hidden}.front-page{width:100%;min-height:100vh;background:linear-gradient(135deg,#050505 15%,#a855f7 40%,#0a0a0a 40%,#1a237e 80%);position:relative;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.front-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(33,150,243,.25) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,188,212,.18) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.12) 0%,transparent 50%);animation:float 6s ease-in-out infinite;pointer-events:none;z-index:1}.front-theme-toggle{position:fixed;top:2rem;right:2rem;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:.25rem;background:var(--surface-elevated, rgba(30, 27, 75, .3));border:1px solid var(--border-primary, rgba(196, 181, 253, .2))}.front-content{width:100%;max-width:1200px;margin:0 auto;padding:2rem;padding-top:120px;min-height:100vh;position:relative;z-index:2;background:transparent!important}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:4rem;padding:2rem 0;min-height:60vh}.hero-text{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.highlight{background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;margin-bottom:1rem;font-weight:600;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#fae8ff,#e9d5ff,#c38efb);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;text-shadow:0 0 30px rgba(56,189,248,.4);letter-spacing:.5px}.hero-description{font-size:1.1rem;margin-bottom:2rem;line-height:1.6;background:linear-gradient(135deg,#fdf4ff,#fae8ff,#f3e8ff,#e9d5ff,#c591fc);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease-in-out infinite reverse;text-shadow:0 0 20px rgba(216,180,254,.3);font-weight:400}.get-started-btn{margin-left:auto!important;margin-right:auto!important;display:block!important;padding:.9rem 2.5rem;background:linear-gradient(135deg,#4c1d95,#5b21b6,#6d28d9,#7c3aed,#8b5cf6);background-size:200% 200%;border:none;border-radius:50px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 25px #4c1d9566,0 0 #4c1d95b3;transform:translate(.5rem);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.1em;animation:gradientShift 3s ease-in-out infinite}.hero-text .get-started-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.hero-text .get-started-btn:hover{transform:translate(.5rem) translateY(-5px) scale(1.05);box-shadow:0 15px 35px #4c1d9599,0 0 0 10px #4c1d951a;background:linear-gradient(135deg,#3730a3,#4338ca,#4c1d95,#5b21b6,#6d28d9);background-size:200% 200%}.hero-text .get-started-btn:hover:before{left:100%}.hero-text .get-started-btn:active{transform:translate(.5rem) translateY(-2px) scale(.98);box-shadow:0 8px 20px #4c1d9580,0 0 0 5px #4c1d9533}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;height:350px}.floating-cards{position:relative;width:350px;height:300px;margin:0 auto}.floating-cards .card{position:absolute;background:#1a0a52cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(196,181,253,.3);border-radius:15px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 8px 25px #0003;transition:all .3s ease;width:100px;height:100px;justify-content:center;cursor:pointer}.floating-cards .card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 35px #0000004d;border-color:#c4b5fd80;background:#1a0a52e6}.floating-cards .card-icon{font-size:1.8rem}.floating-cards .card-text{color:#90caf9;font-weight:500;font-size:.8rem;text-align:center}.floating-cards .card-1{top:0;left:60%;transform:translate(-50%);animation:float1 4s ease-in-out infinite}.floating-cards .card-2{top:50%;right:0;transform:translateY(-50%);animation:float2 4s ease-in-out infinite 1s}.floating-cards .card-3{bottom:0;left:40%;transform:translate(-50%);animation:float3 4s ease-in-out infinite 2s}.floating-cards .card-4{top:50%;left:0;transform:translateY(-50%);animation:float4 4s ease-in-out infinite 3s}@keyframes float1{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes float2{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-10px)}}@keyframes float3{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@keyframes float4{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(10px)}}.features-section{text-align:center;padding:2rem 0;margin-top:2rem}.features-section h2{color:#90caf9;font-size:2.5rem;margin-bottom:3rem;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.features-grid .feature{background:#1a0a52cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(196,181,253,.2);border-radius:15px;padding:2rem;transition:all .3s ease;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.features-grid .feature:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0003;border-color:#c4b5fd66;background:#1a0a52e6}.features-grid .feature-icon{font-size:2.5rem;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;padding:0;box-sizing:border-box}.features-grid .feature h3{color:#90caf9;font-size:1.2rem;margin-bottom:1rem;font-weight:600}.features-grid .feature p{color:#64b5f6;line-height:1.6;margin:0;text-align:center;font-size:.9rem}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;text-align:center;gap:2rem;min-height:auto}.hero-title{font-size:2.5rem}.floating-cards{width:250px;height:250px;margin-top:2rem}.floating-cards .card{width:80px;height:80px;padding:1rem}.floating-cards .card-icon{font-size:1.5rem}.floating-cards .card-text{font-size:.7rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.features-grid .feature{height:auto}}@media (max-width: 768px){.front-theme-toggle{top:1rem;right:1rem;transform:scale(.9)}.front-content{padding:1rem;padding-top:120px}.hero-section{padding:1rem 0;min-height:auto}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.floating-cards{width:200px;height:200px}.floating-cards .card{width:70px;height:70px;padding:.75rem}.floating-cards .card-icon{font-size:1.2rem}.floating-cards .card-text{font-size:.6rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.features-grid .feature{min-height:160px;padding:1.5rem}.features-section h2{font-size:2rem}}@media (max-width: 480px){.front-content{padding-top:140px}.floating-cards{width:180px;height:180px}.floating-cards .card{width:60px;height:60px;padding:.5rem}.floating-cards .card-icon{font-size:1rem}.floating-cards .card-text{font-size:.5rem}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1.1rem}.features-grid .feature{min-height:140px;padding:1.2rem}.features-grid .feature-icon{font-size:2rem}.features-grid .feature h3{font-size:1.1rem}}.fancy-gradient-card{position:relative;border-radius:16px;padding:20px;background:#0f0f10;color:#fff;z-index:0;overflow:hidden;box-shadow:0 4px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease;isolation:isolate;min-height:320px;height:320px}.fancy-gradient-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:2px;background:linear-gradient(135deg,#8e2de2,#4a00e0,#00c9ff,#92fe9d);background-size:300% 300%;animation:fancyBorderAnim 6s ease infinite;border-radius:16px;z-index:-1;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;box-sizing:border-box;transition:filter .4s ease}.fancy-gradient-card:hover{transform:scale(1.02);box-shadow:0 6px 24px #0006}.fancy-gradient-card:hover:before{filter:brightness(1.5) saturate(1.5) blur(1px)}.testimonials{margin-top:5rem;text-align:center}.testimonial-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:1rem}.testimonial{background:#ffffff0d;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0003;max-width:300px;font-style:italic}.testimonial span{display:block;margin-top:.5rem;font-weight:700;font-size:.9rem}.partners{margin-top:6rem;text-align:center}.partner-logos{margin-top:1rem;display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.partner-logos img{height:50px;transition:transform .3s ease}.stats-section{text-align:center;padding:3rem 0;margin-top:2rem}.stats-section h2{color:#90caf9;font-size:2.5rem;margin-bottom:3rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.stat-card{background:#1a0a5299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(196,181,253,.2);border-radius:15px;padding:2rem;transition:all .3s ease;cursor:pointer}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0003;border-color:#c4b5fd66;background:#1a0a52cc}.stat-number{font-size:2.5rem;font-weight:900;color:#2196f3;margin-bottom:.5rem;background:linear-gradient(135deg,#2196f3,#1976d2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:#64b5f6;font-size:1rem;font-weight:500}.how-it-works{text-align:center;padding:3rem 0;margin-top:2rem}.how-it-works h2{color:#90caf9;font-size:2.5rem;margin-bottom:3rem;font-weight:600}.steps-container{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.step{background:#1a0a5299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(196,181,253,.2);border-radius:15px;padding:2rem;transition:all .3s ease;cursor:pointer;min-width:200px;position:relative}.step:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0003;border-color:#c4b5fd66;background:#1a0a52cc}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1.2rem;margin:0 auto 1rem}.step h3{color:#90caf9;font-size:1.3rem;margin-bottom:1rem;font-weight:600}.step p{color:#64b5f6;line-height:1.6;margin:0}.step-arrow{font-size:2rem;color:#2196f3;font-weight:700}.cta-section{text-align:center;padding:4rem 0;margin-top:2rem;background:linear-gradient(135deg,#1a0a524d,#2d1b694d);border-radius:20px;margin:3rem 0}.cta-content h2{color:#90caf9;font-size:2.5rem;margin-bottom:1rem;font-weight:600}.cta-content p{color:#64b5f6;font-size:1.2rem;margin-bottom:2rem;line-height:1.6}.cta-button{padding:1rem 3rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #8b5cf666;text-transform:uppercase;letter-spacing:.1em}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #8b5cf699;background:linear-gradient(135deg,#7c3aed,#9333ea)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.testimonial{background:#1a0a5299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(196,181,253,.2);border-radius:15px;padding:2rem;transition:all .3s ease;cursor:pointer}.testimonial:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0003;border-color:#c4b5fd66;background:#1a0a52cc}.testimonial p{color:#90caf9;font-size:1.1rem;line-height:1.6;margin-bottom:1rem;font-style:italic}.testimonial span{color:#2196f3;font-weight:600;font-size:.9rem}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.steps-container{flex-direction:column;gap:1rem}.step-arrow{transform:rotate(90deg)}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}.testimonial-grid{grid-template-columns:1fr}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-number{font-size:2rem}.step{min-width:auto}}.falling-text-section-full{text-align:center;padding:4rem 0;margin:2rem 0;width:100%;position:relative;overflow:hidden;min-height:300px}.falling-text-section-full h2{color:#90caf9;font-size:2.5rem;margin-bottom:2rem;font-weight:600}.falling-text-custom{height:260px;min-height:260px;width:100%;position:relative}.falling-text-custom .word{color:#64b5f6;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.falling-text-custom .highlighted{color:#2196f3;font-weight:700;text-shadow:0 0 10px rgba(33,150,243,.5)}@media (max-width: 768px){.falling-text-section-full{padding:3rem 0;min-height:220px}.falling-text-section-full h2{font-size:2rem}.falling-text-custom{height:160px;min-height:160px}}@media (max-width: 480px){.falling-text-section-full{min-height:300px!important;padding:2.5rem 0!important}.falling-text-custom{height:220px!important;min-height:220px!important}}.infinite-gallery-section{text-align:center;padding:3rem 0;margin-top:2rem}.infinite-gallery-section h2{color:#90caf9;font-size:2.5rem;margin-bottom:2rem;font-weight:600}@media (max-width: 768px){.infinite-gallery-section h2{font-size:2rem}}@media (max-width: 480px){.infinite-gallery-section h2{font-size:1.5rem}}.stats-heading{color:#90caf9;font-size:2.5rem;margin-bottom:3rem;font-weight:600;font-family:inherit}.feedback-gallery-row{background:transparent!important}@media (max-width: 600px){.frontpage-hero{padding:0!important;min-height:unset!important}.frontpage-hero-content{padding:0!important;margin:0!important;width:100vw!important;min-width:0!important;box-sizing:border-box}.feedback-gallery-row{flex-direction:column!important;gap:1rem!important;padding:0 .5rem 2rem!important;margin:2rem 0 0!important;width:100vw!important;align-items:stretch!important}.feedback-gallery-row>div{padding:0!important;margin:0!important;width:100%!important;min-width:0!important;align-items:center!important}.fancy-gradient-card{min-height:180px!important;height:auto!important;padding:1rem!important}.front-content{padding:.5rem!important;padding-top:90px!important;min-height:unset!important}.hero-section{grid-template-columns:1fr!important;gap:1rem!important;margin-bottom:2rem!important;padding:.5rem 0!important}.hero-title{font-size:1.3rem!important}.hero-subtitle{font-size:1rem!important}.hero-description{font-size:.9rem!important}.get-started-btn{font-size:.9rem!important;padding:.6rem 1.2rem!important}.features-section h2{font-size:1.2rem!important;margin-bottom:1.2rem!important}.features-grid{gap:1rem!important;margin-top:1rem!important}.features-grid .feature{min-height:100px!important;padding:.7rem!important}.features-grid .feature-icon{font-size:1.2rem!important;width:2.2rem!important;height:2.2rem!important;margin-bottom:.5rem!important}.features-grid .feature h3{font-size:1rem!important;margin-bottom:.5rem!important}.features-grid .feature p{font-size:.8rem!important}.stats-section h2{font-size:1.2rem!important;margin-bottom:1.2rem!important}.stats-grid{gap:1rem!important;margin-top:1rem!important}.stat-card{padding:1rem!important;min-width:0!important}.stat-number{font-size:1.2rem!important}.stat-label{font-size:.8rem!important}.testimonial-grid{gap:1rem!important;margin-top:1rem!important}.testimonial{padding:1rem!important;font-size:.9rem!important}.testimonial p{font-size:.9rem!important}.testimonial span{font-size:.8rem!important}.falling-text-section-full{padding:1rem 0!important;min-height:80px!important}.falling-text-section-full h2{font-size:1rem!important;margin-bottom:.7rem!important}.falling-text-custom{height:40px!important;min-height:40px!important}.infinite-gallery-section{padding:1rem 0!important;margin-top:1rem!important}.infinite-gallery-section h2{font-size:1rem!important;margin-bottom:.7rem!important}}@media (max-width: 480px){.falling-text-section-card .fancy-gradient-card{min-height:320px!important;height:320px!important;padding:1.5rem .5rem!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.falling-text-custom{flex:1 1 auto!important;height:100%!important;min-height:200px!important}.feedback-gallery-row{align-items:flex-start!important;min-height:unset!important;height:auto!important;margin:0!important;padding:0!important}.feedback-gallery-row>div{margin-top:0!important;padding-top:0!important;margin-bottom:0!important;padding-bottom:0!important;height:auto!important}.feedback-gallery-row>div:last-child{margin-top:0!important;padding-top:0!important}.feedback-gallery-row .email-form,.feedback-gallery-row form{margin-top:0!important;padding-top:0!important}.feedback-gallery-row .lottie-animation-container{margin-bottom:0!important;padding-bottom:0!important;height:auto!important;min-height:0!important}.emailjs-form-mobile{width:90vw!important;max-width:90vw!important;min-height:420px!important;margin-bottom:2rem!important}.feedback-gallery-row{margin-top:.2rem!important;margin-bottom:.2rem!important;padding-top:.2rem!important;padding-bottom:.2rem!important}.feedback-gallery-row>div{margin-top:.2rem!important;margin-bottom:.2rem!important;padding-top:.2rem!important;padding-bottom:.2rem!important}.stats-heading{font-size:1.3rem!important;margin-bottom:1rem!important;text-align:center!important}.testimonial-grid{justify-content:center!important;align-items:center!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}.testimonial{margin-left:auto!important;margin-right:auto!important;text-align:center!important}.lottie-bg-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;z-index:0;background:url(/ellipse.png) no-repeat center center/contain;opacity:.35;pointer-events:none}}.stats-section-h2{color:#90caf9;font-size:2.5rem;margin-bottom:3rem;font-weight:600;text-align:center}@media (max-width: 768px){.stats-section-h2{font-size:2rem;margin-bottom:2rem}}@media (max-width: 480px){.stats-section-h2{font-size:1.3rem;margin-bottom:1rem}}.lottie-bg-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;z-index:0;background:url(/ellipse.png) no-repeat center center/contain;opacity:.35;pointer-events:none}.star-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:transparent;filter:contrast(1.05) brightness(1.02);opacity:.7;transition:opacity .5s ease-in-out}.star-background.visible{opacity:.7}.star-background.hidden{opacity:0}.star-background canvas{display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@keyframes starPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes shootingStarGlow{0%{opacity:0;transform:scale(.5)}50%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.star-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 80%,rgba(120,119,198,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,119,198,.03) 0%,transparent 50%),radial-gradient(ellipse at 40% 40%,rgba(120,219,255,.02) 0%,transparent 50%);pointer-events:none;z-index:1;opacity:.5}@media (max-width: 1024px){.star-background{filter:contrast(1.02) brightness(1.01);opacity:.6}.star-background.visible{opacity:.6}}@media (max-width: 768px){.star-background{opacity:.5;filter:contrast(1.01) brightness(1.005)}.star-background.visible{opacity:.5}}@media (max-width: 480px){.star-background{opacity:.4;filter:contrast(1.005) brightness(1.002)}.star-background.visible{opacity:.4}}@media (prefers-reduced-motion: reduce){.star-background{opacity:.3;filter:contrast(1.005) brightness(1.002);transition:opacity .3s ease-in-out}.star-background.visible{opacity:.3}}@media (prefers-color-scheme: dark){.star-background{filter:contrast(1.08) brightness(1.05)}}.typewriter-container{display:flex;justify-content:flex-start;align-items:center;min-height:80px;margin-bottom:1rem;margin-left:2rem;text-align:center}.typewriter-heading{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:3rem;font-weight:700;color:#fff;margin:0;line-height:1.2;position:relative;display:flex;align-items:center}.typewriter-heading .highlight{background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cursor{color:#8b5cf6;font-weight:900;margin-left:2px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 1024px){.typewriter-heading{font-size:2.5rem}}@media (max-width: 768px){.typewriter-heading{font-size:2rem}.typewriter-container{min-height:60px}}@media (max-width: 480px){.typewriter-heading{font-size:1.5rem}.typewriter-container{min-height:50px}}.focus-heading-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5em;font-size:3rem;font-weight:700;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;flex-wrap:nowrap;width:100%}.static-text{color:#fff;font-size:3rem;font-weight:700;white-space:nowrap;margin-right:.3em}.falling-text-container{position:relative;z-index:1;width:100%;cursor:pointer;text-align:center;padding-top:2em}.falling-text-target{display:inline-block}.word{display:inline-block;margin:0 2px;-webkit-user-select:none;user-select:none}.highlighted{color:#0ff;font-weight:700}.falling-text-canvas{position:absolute;top:0;left:0;z-index:0}#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{position:absolute;left:50%;z-index:10;width:60px;height:60px;display:grid;place-items:center;background:#5227ff;border:none;border-radius:50%;cursor:pointer;border:5px solid #000}.face-title{-webkit-user-select:none;user-select:none;position:absolute;font-weight:900;font-size:4rem;left:1.6em;top:50%}.action-button-icon{-webkit-user-select:none;user-select:none;position:relative;color:#fff;top:2px;font-size:26px}.face-title{position:absolute;top:50%;transform:translate(20%,-50%)}.face-title.active{opacity:1;transform:translate(20%,-50%);pointer-events:auto;transition:.5s ease}.face-title.inactive{pointer-events:none;opacity:0;transition:.1s ease}.face-description{-webkit-user-select:none;user-select:none;position:absolute;max-width:10ch;top:50%;font-size:1.5rem;right:1%;transform:translateY(-50%)}.face-description.active{opacity:1;transform:translate(-90%,-50%);pointer-events:auto;transition:.5s ease}.face-description.inactive{pointer-events:none;transform:translate(-60%,-50%);opacity:0;transition:.1s ease}.action-button{position:absolute;left:50%}.action-button.active{bottom:3.8em;transform:translate(-50%) scale(1);opacity:1;pointer-events:auto;transition:.5s ease}.action-button.inactive{bottom:-80px;transform:translate(-50%) scale(0);opacity:0;pointer-events:none;transition:.1s ease}@media (max-width: 1500px){.face-title,.face-description{display:none}}.infinite-menu-container{position:relative;width:100%;height:600px;background:#ffffff0d;border-radius:16px;padding:2rem;margin:2rem 0;overflow:hidden;cursor:grab;perspective:1000px}.infinite-menu-container:active{cursor:grabbing}.gallery-sphere{position:relative;width:100%;height:100%;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;transition:none}.gallery-item{position:absolute;width:200px;height:250px;border-radius:16px;overflow:hidden;cursor:pointer;transition:none;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);transform-style:preserve-3d;box-shadow:none}.gallery-item:hover{transform:none;border-color:#fff3;box-shadow:none}.gallery-item:hover .item-image img{transform:none}.gallery-item.active{border-color:#5227ff;box-shadow:0 0 10px #5227ff4d;transform:scale(1.15) translateZ(30px)}.item-image{width:100%;height:150px;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.item-overlay{padding:1rem;background:#000c;color:#fff;height:100px;display:flex;flex-direction:column;justify-content:center}.item-title{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#c4b5fd;text-align:center}.item-description{font-size:.8rem;margin:0;color:#a78bfa;line-height:1.3;text-align:center}.active-item-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:20;pointer-events:none;width:100%;max-width:600px}.gallery-instructions{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:.9rem;text-align:center;z-index:15}.gallery-instructions p{margin:0;padding:.5rem 1rem;background:#00000080;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.infinite-menu-container{height:400px;padding:1rem}.gallery-item{width:150px;height:200px}.item-image{height:100px}.item-overlay{padding:.75rem;height:100px}.item-title{font-size:.9rem}.item-description{font-size:.7rem}.gallery-instructions{display:none}}@media (max-width: 480px){.infinite-menu-container{height:300px}.gallery-item{width:120px;height:160px}.item-image{height:80px}.item-overlay{padding:.5rem;height:80px}.item-title{font-size:.8rem}.item-description{font-size:.6rem}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#fff}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-spinner p{font-size:16px;margin:0;opacity:.8}.advanced-footer{position:relative;width:100%;min-height:180px!important;overflow:hidden;margin-top:1.5rem;background:linear-gradient(120deg,#120a2a,#1a0a52 40%,#22105a,#2a185f);background-size:200% 200%;animation:footerGradientMove 32s cubic-bezier(.45,.05,.55,.95) infinite}@keyframes footerGradientMove{0%{background-position:0% 50%}25%{background-position:25% 55%}50%{background-position:50% 50%}75%{background-position:75% 45%}to{background-position:100% 50%}}.advanced-footer:before,.footer-background{display:none}.footer-content{position:relative;z-index:2;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:2rem;padding:1.2rem 1.2rem .5rem;max-width:1200px;margin:0 auto}.footer-section{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 0;min-width:0}.footer-brand{text-align:center;display:flex;flex-direction:column;justify-content:center;height:100%;align-items:center}.footer-title{font-size:2.6rem;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(139,92,246,.2);margin:0 0 1.1rem;letter-spacing:1px}.path-gradient{background:linear-gradient(135deg,#a78bfa,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{font-size:1.15rem;color:#c4b5fd;margin:0 0 .5rem;font-weight:600}.footer-motto{font-size:1rem;color:#a78bfa;line-height:1.4;opacity:.85;margin:0 0 .7rem}.section-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.7rem;text-shadow:0 2px 8px rgba(139,92,246,.15);margin-top:.7rem}.developers-section{margin-top:1.2rem}.developers-grid{display:flex;flex-direction:row;gap:1.2rem;margin-top:.7rem}.developer-card{background:#271250b3;border:1px solid rgba(139,92,246,.18);border-radius:14px;padding:1rem 1.2rem 1rem 1rem;display:flex;align-items:center;gap:1rem;min-width:220px;min-height:100px;box-shadow:0 2px 8px #4c1d9514;transition:all .3s cubic-bezier(.4,2,.3,1)}.developer-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #8b5cf6;background:#2a185f;margin-right:.5rem;box-shadow:0 2px 8px #8b5cf61f}.developer-info{margin-bottom:0;display:flex;flex-direction:column;align-items:flex-start}.developer-name{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:.1rem}.developer-role{font-size:.7rem;color:#a78bfa;font-weight:500}.social-links{display:flex;gap:.4rem;margin-left:.3rem}.social-link{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#8b5cf62e;border:1px solid rgba(139,92,246,.25);color:#fff;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.social-link svg{width:13px;height:13px}.social-link.github:hover{background:#24292ee6;border-color:#24292e;color:#fff;transform:scale(1.1)}.social-link.linkedin:hover{background:#0077b5e6;border-color:#0077b5;color:#fff;transform:scale(1.1)}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#dc2743;color:#fff;transform:scale(1.1)}.footer-links{text-align:right;align-items:flex-end;margin-left:auto;margin-right:0;display:flex;flex-direction:column;justify-content:flex-start;height:100%;margin-top:2.2rem}.links-list{list-style:none;padding:0;margin:0}.links-list li{margin-bottom:.4rem}.links-list a{color:#a78bfa;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all .3s ease;position:relative;padding-left:0}.links-list a:before{content:"→";position:absolute;left:-13px;opacity:0;transition:all .3s ease;color:#8b5cf6}.links-list a:hover{color:#fff;padding-left:13px}.links-list a:hover:before{opacity:1;left:0}.footer-bottom{position:relative;z-index:2;border-top:1px solid rgba(139,92,246,.18);margin-top:.5rem;padding:.7rem 1.2rem;display:flex;justify-content:center;align-items:center}.footer-bottom-content{width:100%;text-align:center}.copyright{color:#a78bfa;font-size:.8rem;font-weight:500;margin:0 auto}.made-with{display:none}@media (max-width: 1024px){.footer-content{gap:1rem;padding:1rem .7rem .3rem}.developer-card{min-width:160px;padding:.8rem}}@media (max-width: 768px){.footer-content{flex-direction:column;gap:1rem;padding:.7rem .5rem .3rem}.developer-card{min-width:140px;padding:.6rem}.footer-links{align-items:flex-start;text-align:left;margin-left:0}}@media (max-width: 480px){.footer-content,.footer-section,.footer-brand,.developers-grid,.footer-links,.links-list,.footer-bottom-content{align-items:center!important;text-align:center!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important}.developers-grid{flex-direction:column!important;gap:.3rem!important;margin-top:.2rem!important}.footer-title{font-size:1.2rem!important;margin-bottom:.1rem!important;margin-top:.1rem!important}.footer-description{font-size:.9rem!important;margin-bottom:.05rem!important}.footer-links{margin-top:.3rem!important;padding:0!important}.links-list{margin:0!important;padding:0!important}.links-list li{margin-bottom:.15rem!important}.links-list a{font-size:.65rem!important;padding-left:0!important}.footer-bottom{padding:.2rem .1rem!important}.social-links{gap:.1rem!important}.social-link{width:14px!important;height:14px!important}.social-link svg{width:7px!important;height:7px!important}}@media (max-width: 600px){.advanced-footer{min-height:220px!important}}.footer-heading{color:#fff;font-size:1.35rem;font-weight:700;margin-bottom:1.1rem}.developers-section{height:100%}.developers-grid{display:flex;flex-direction:row;gap:1.2rem;align-items:stretch}.developer-card{background:#271250b3;border:1px solid rgba(139,92,246,.18);border-radius:14px;padding:1.2rem 1.2rem 1.2rem 1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;min-width:220px;height:100%;box-shadow:0 2px 8px #4c1d9514;transition:all .3s cubic-bezier(.4,2,.3,1)}.developer-card:hover{background:#4c1d952e;border-color:#8b5cf6;box-shadow:0 4px 20px #8b5cf62e;transform:translateY(-2px) scale(1.03)}.developer-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #8b5cf6;background:#2a185f;box-shadow:0 2px 8px #8b5cf61f}.developer-info{display:flex;flex-direction:column;align-items:center;text-align:center}.social-links{display:flex;gap:.4rem;justify-content:center}@media (min-width: 768px){.developers-section{min-height:220px}}.developers-grid{display:flex;flex-direction:row;gap:2rem;align-items:stretch}.developer-card{background:#271250b3;border:1px solid rgba(139,92,246,.18);border-radius:14px;padding:1.2rem 1.2rem 1.2rem 1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;min-width:260px;height:100%;box-shadow:0 2px 8px #4c1d9514;transition:all .3s cubic-bezier(.4,2,.3,1)}.developer-avatar{width:72px;height:72px}.developer-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #8b5cf6;background:#2a185f;margin-bottom:.5rem;box-shadow:0 4px 16px #8b5cf633}.footer-review,.enhanced-footer,.footer-container{background:transparent!important;box-shadow:none!important;border:none!important}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem;align-items:center}.footer-section{padding:0}.writeus-section{padding-left:0;width:100%;margin-left:2.5rem}.footer-write-form{background:#141428b3;border-radius:18px;box-shadow:0 4px 24px #3c3c781a;padding:2rem 1.5rem;border:1px solid rgba(144,202,249,.12);margin-top:.5rem}.footer-write-form input,.footer-write-form textarea{background:#1e1e3cb3;border-radius:8px;border:1px solid #444b5a;color:#e0e0e0;font-size:1.1rem;padding:.7rem 1rem;margin-bottom:.7rem;outline:none;transition:border-color .2s,box-shadow .2s;resize:none}.footer-write-form input:focus,.footer-write-form textarea:focus{border:1.5px solid #a855f7;box-shadow:0 2px 8px #8b5cf6,0 4px 12px #8b5cf61a;background:#282850cc}.footer-write-form textarea{min-height:70px;max-height:180px}.footer-submit-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;font-weight:700;font-size:1.1rem;letter-spacing:2px;margin-top:1.2rem;cursor:pointer;align-self:flex-start;transition:background .2s,color .2s,box-shadow .2s;padding:.6rem 2.2rem;border-radius:30px;box-shadow:0 4px 16px #8b5cf626}.footer-submit-btn:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6);color:#fff;box-shadow:0 8px 24px #8b5cf62e}.thank-you{color:#ffb357;margin-top:1rem;font-size:1rem;font-weight:500;text-align:center}.circular-gallery{width:100%;max-width:1400px;height:350px;margin:0 auto;display:flex;justify-content:center;align-items:center;overflow:visible;position:relative;box-sizing:border-box}.circulargallery-heading{color:#90caf9;font-size:2.5rem}.how-it-works-masonry{padding:4rem 2rem;width:100vw;margin:0;background:transparent;border-radius:0;margin-top:3rem;margin-bottom:3rem;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.section-title{text-align:center;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.section-subtitle{text-align:center;font-size:1.2rem;color:#94a3b8;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.masonry-grid{column-count:6;column-gap:1.5rem;width:100%;max-width:2000px;margin:0 auto;padding:0 2rem}@media (max-width: 1600px){.masonry-grid{column-count:5}}@media (max-width: 1300px){.masonry-grid{column-count:4}}@media (max-width: 1000px){.masonry-grid{column-count:3}}@media (max-width: 700px){.masonry-grid{column-count:2}}@media (max-width: 500px){.masonry-grid{column-count:1;padding:0 .5rem}}.feature-card{display:block;break-inside:avoid;margin-bottom:1.8rem;width:100%;height:auto;min-height:unset;max-height:unset;padding:2rem 1.5rem 1.5rem;border-radius:22px;background:linear-gradient(135deg,#281e508c 60%,#7850dc2e);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border:2px solid rgba(139,92,246,.18);box-shadow:0 8px 32px #1f26872e,0 2px 8px #8b5cf61a;transition:all .3s cubic-bezier(.4,2,.3,1);cursor:pointer;overflow:hidden;position:relative}.feature-card:nth-child(1){grid-row:span 2}.feature-card:nth-child(2){grid-row:span 1}.feature-card:nth-child(3){grid-row:span 1}.feature-card:nth-child(4){grid-row:span 2}.feature-card:nth-child(5){grid-row:span 1}.feature-card:nth-child(6){grid-row:span 2}.feature-card:nth-child(7){grid-row:span 1}.feature-card:nth-child(8){grid-row:span 1}.feature-card:nth-child(9){grid-row:span 2}.feature-card:nth-child(10){grid-row:span 1}.feature-card:nth-child(11){grid-row:span 1}.feature-card:nth-child(12){grid-row:span 2}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card:hover:before{opacity:1}.feature-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.feature-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;box-shadow:0 4px 18px #8b5cf62e;margin-bottom:1.1rem;margin-left:auto;margin-right:auto;transition:transform .3s cubic-bezier(.4,2,.3,1),box-shadow .3s}.feature-title{font-size:1.35rem;font-weight:700;color:#fff;margin:0 0 .7rem;text-align:center}.feature-description{color:#e0e7ff;line-height:1.6;margin-bottom:1.2rem;font-size:1.08rem;display:block;overflow:visible;text-align:center}.feature-steps{background:#ffffff0d;padding:.8rem;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.feature-steps h4{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.feature-steps ol{margin:0;padding-left:1rem;color:#e2e8f0;font-size:.8rem;line-height:1.4}.feature-steps li{margin-bottom:.3rem}.feature-steps li:last-child{margin-bottom:0}.feature-card{transform-origin:center}.feature-card:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 16px 40px #8b5cf62e,0 4px 16px #8b5cf61f;border-color:#a78bfa}.feature-icon{transition:transform .3s cubic-bezier(.4,2,.3,1),box-shadow .3s}.feature-card:hover .feature-icon{transform:scale(1.13) rotate(7deg);box-shadow:0 8px 32px #8b5cf638}.how-it-works-masonry::-webkit-scrollbar{width:8px}.how-it-works-masonry::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.how-it-works-masonry::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:4px}.how-it-works-masonry::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#0891b2)}@media (min-width: 768px){.how-it-works-masonry{padding:5rem 3rem}.section-title{font-size:3rem}.section-subtitle{font-size:1.3rem}.masonry-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.masonry-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1280px){.masonry-grid{grid-template-columns:repeat(6,1fr);max-width:2000px}}@media (min-width: 1536px){.masonry-grid{grid-template-columns:repeat(7,1fr)}}.how-it-works-flow{width:100vw;max-width:100vw;overflow-x:auto;padding:4rem 0 2rem;background:transparent;display:flex;flex-direction:column;align-items:center}.flow-row{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:.5rem;width:100%;max-width:1800px;margin:2rem 0 0;flex-wrap:wrap}@media (max-width: 1100px){.flow-row{flex-wrap:wrap;gap:1rem}}@media (max-width: 700px){.flow-row{flex-direction:column;align-items:center;gap:1.5rem}}.howitworks-heading{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:800;font-size:2.5rem;color:#fff;text-align:center;margin-bottom:1.5rem;text-shadow:0 4px 24px rgba(124,58,237,.15),0 1.5px 0 #312e81}.howitworks-gallery-row{display:flex;flex-direction:row;align-items:stretch;gap:.5rem;width:100%;overflow-x:auto;overflow-y:visible;padding:2rem 1rem;scrollbar-width:thin;scrollbar-color:#7c3aed #312e81;flex-wrap:nowrap}.howitworks-gallery-row::-webkit-scrollbar{height:8px}.howitworks-gallery-row::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:4px}.howitworks-gallery-row::-webkit-scrollbar-track{background:#312e81;border-radius:4px}.dashboard-card-style{min-width:260px;max-width:320px;flex:0 0 260px;margin:0 .5rem}.feature-icon{background:#7c3aed!important;color:#fff!important}.feature-arrow{display:flex;justify-content:center;align-items:center;margin:0 .5rem}@media (max-width: 700px){.feature-arrow{margin:1rem 0;transform:rotate(90deg)}}.section-subtitle{text-align:center;font-size:1.2rem;color:#c7d2fe;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;font-family:Inter,sans-serif}.circulargallery-wrapper-fullwidth{width:100vw;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0;padding:4rem 0;box-sizing:border-box;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.circulargallery-heading{color:#90caf9;font-size:2.5rem;font-weight:600;text-align:center;margin:2rem 0 1rem}.circular-gallery{width:100%;height:450px;margin:0 auto;display:flex;justify-content:center;align-items:center;overflow:visible;position:relative;box-sizing:border-box}.what-students-say-heading{color:#90caf9;font-size:2.5rem;font-weight:600;text-align:center;margin:2rem 0 1rem}.stats-section-h2{margin-top:2.5rem}.how-it-works-header{text-align:center;margin-bottom:2rem;padding:2rem 1rem}.how-it-works-subtitle{color:#a78bfa;font-size:1.1rem;margin:1rem 0 2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.view-full-guide-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 8px 25px #8b5cf64d;transition:all .3s ease;margin-bottom:2rem}.view-full-guide-btn:hover{box-shadow:0 12px 35px #8b5cf666;transform:translateY(-2px)}.gallery-container-fullwidth{width:100%;max-width:none;position:relative}.gallery-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:450px;width:100%;position:relative}.loader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.loader-circles{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.loader-circle{position:absolute;width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #8b5cf666;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1)}.loader-circle:nth-child(1){transform:rotate(0) translate(120px)}.loader-circle:nth-child(2){transform:rotate(60deg) translate(120px)}.loader-circle:nth-child(3){transform:rotate(120deg) translate(120px)}.loader-circle:nth-child(4){transform:rotate(180deg) translate(120px)}.loader-circle:nth-child(5){transform:rotate(240deg) translate(120px)}.loader-circle:nth-child(6){transform:rotate(300deg) translate(120px)}.circle-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.loader-text{text-align:center;color:#fff}.loader-text h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loader-text p{font-size:1rem;color:#a78bfa;margin:0;opacity:.8}.loader-progress{height:4px;background:linear-gradient(90deg,#8b5cf6,#06b6d4,#10b981);border-radius:2px;box-shadow:0 2px 8px #8b5cf64d;position:relative;overflow:hidden}.loader-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.circulargallery-wrapper-fullwidth{padding:2rem 0;min-height:50vh}.how-it-works-header{padding:1rem}.how-it-works-subtitle{font-size:1rem}.view-full-guide-btn{padding:.8rem 1.5rem;font-size:1rem}.circular-gallery,.gallery-loader{height:300px}.loader-circles{width:200px;height:200px}.loader-circle{width:60px;height:60px}.loader-circle:nth-child(1){transform:rotate(0) translate(80px)}.loader-circle:nth-child(2){transform:rotate(60deg) translate(80px)}.loader-circle:nth-child(3){transform:rotate(120deg) translate(80px)}.loader-circle:nth-child(4){transform:rotate(180deg) translate(80px)}.loader-circle:nth-child(5){transform:rotate(240deg) translate(80px)}.loader-circle:nth-child(6){transform:rotate(300deg) translate(80px)}.circle-icon{font-size:1.5rem}.loader-text h3{font-size:1.2rem}.loader-text p{font-size:.9rem}}.theme-toggle{display:flex;align-items:center;gap:.75rem;background:var(--theme-toggle-bg);border:2px solid var(--theme-toggle-border);border-radius:50px;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease;font-family:inherit;font-weight:600;font-size:.9rem;box-shadow:var(--theme-toggle-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.theme-toggle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--theme-toggle-hover-bg);opacity:0;transition:opacity .3s ease;pointer-events:none}.theme-toggle:hover:before{opacity:1}.theme-toggle:hover{border-color:var(--theme-toggle-hover-border);box-shadow:var(--theme-toggle-hover-shadow);transform:translateY(-1px)}.toggle-track{width:48px;height:24px;background:var(--theme-track-bg);border-radius:12px;position:relative;border:1px solid var(--theme-track-border);box-shadow:inset 0 2px 4px var(--theme-track-shadow)}.toggle-thumb{width:20px;height:20px;background:var(--theme-thumb-bg);border-radius:50%;position:absolute;top:1px;left:2px;display:flex;align-items:center;justify-content:center;box-shadow:var(--theme-thumb-shadow);border:1px solid var(--theme-thumb-border)}.toggle-icon{display:flex;align-items:center;justify-content:center;color:var(--theme-icon-color);transition:color .3s ease}.toggle-label{color:var(--theme-label-color);font-weight:600;letter-spacing:.5px;position:relative;z-index:1}[data-theme=light]{--theme-toggle-bg: rgba(255, 255, 255, .9);--theme-toggle-border: rgba(99, 102, 241, .3);--theme-toggle-shadow: 0 4px 20px rgba(99, 102, 241, .15);--theme-toggle-hover-bg: linear-gradient(135deg, rgba(99, 102, 241, .1), rgba(139, 92, 246, .1));--theme-toggle-hover-border: rgba(99, 102, 241, .5);--theme-toggle-hover-shadow: 0 8px 30px rgba(99, 102, 241, .25);--theme-track-bg: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);--theme-track-border: rgba(99, 102, 241, .2);--theme-track-shadow: rgba(99, 102, 241, .1);--theme-thumb-bg: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--theme-thumb-border: rgba(245, 158, 11, .3);--theme-thumb-shadow: 0 2px 8px rgba(245, 158, 11, .3);--theme-icon-color: #ffffff;--theme-label-color: #4f46e5}[data-theme=dark]{--theme-toggle-bg: rgba(30, 30, 46, .9);--theme-toggle-border: rgba(196, 181, 253, .3);--theme-toggle-shadow: 0 4px 20px rgba(139, 92, 246, .15);--theme-toggle-hover-bg: linear-gradient(135deg, rgba(139, 92, 246, .1), rgba(167, 139, 250, .1));--theme-toggle-hover-border: rgba(196, 181, 253, .5);--theme-toggle-hover-shadow: 0 8px 30px rgba(139, 92, 246, .25);--theme-track-bg: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--theme-track-border: rgba(196, 181, 253, .2);--theme-track-shadow: rgba(0, 0, 0, .3);--theme-thumb-bg: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--theme-thumb-border: rgba(139, 92, 246, .3);--theme-thumb-shadow: 0 2px 8px rgba(139, 92, 246, .3);--theme-icon-color: #ffffff;--theme-label-color: #c4b5fd}@media (max-width: 768px){.theme-toggle{padding:.4rem .8rem;gap:.5rem;font-size:.8rem}.toggle-track{width:40px;height:20px}.toggle-thumb{width:16px;height:16px;top:1px;left:2px}.toggle-icon svg{width:12px;height:12px}}.theme-toggle,.toggle-thumb{transition:all .4s cubic-bezier(.4,0,.2,1)}.navigation-bar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--nav-bg, rgba(26, 10, 82, .85));backdrop-filter:var(--backdrop-blur, blur(20px));-webkit-backdrop-filter:var(--backdrop-blur, blur(20px));border-bottom:1px solid var(--nav-border, rgba(196, 181, 253, .2));transition:all .4s cubic-bezier(.4,0,.2,1);padding:.5rem 2rem;height:70px;display:flex;align-items:center;margin:1rem 2rem;border-radius:20px;box-shadow:var(--shadow-elevated, 0 8px 32px rgba(0, 0, 0, .3)),0 0 0 1px var(--border-tertiary, rgba(196, 181, 253, .1))}.navigation-bar.scrolled{background:var(--nav-bg, rgba(26, 10, 82, .95));box-shadow:var(--shadow-elevated, 0 4px 20px rgba(0, 0, 0, .4)),0 0 0 1px var(--border-tertiary, rgba(196, 181, 253, .15));padding:.3rem 2rem;height:60px;margin:.5rem 2rem;border-radius:15px}.navigation-bar.minimal{background:var(--nav-bg, rgba(26, 10, 82, .7));border-bottom:1px solid var(--nav-border, rgba(196, 181, 253, .1))}.navigation-bar.transparent{background:var(--nav-bg, rgba(26, 10, 82, .6));backdrop-filter:var(--backdrop-blur, blur(25px));-webkit-backdrop-filter:var(--backdrop-blur, blur(25px))}.nav-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;height:100%}.nav-logo-section{display:flex;align-items:center;flex-shrink:0;height:100%}.logo-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;height:100%}.logo-image{width:35px;height:35px;border-radius:8px;object-fit:cover}.logo-text{font-size:1.3rem;font-weight:700;color:#c4b5fd;margin:0;background:linear-gradient(135deg,#c4b5fd,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(196,181,253,.3)}.nav-search{flex:1;max-width:350px;margin:0 1rem}.search-form{display:flex;align-items:center;background:#c4b5fd1a;border:1px solid rgba(196,181,253,.3);border-radius:20px;overflow:hidden;transition:all .3s ease;height:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-form:focus-within{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33;background:#c4b5fd26}.search-input{flex:1;padding:.5rem 1rem;border:none;outline:none;background:transparent;font-size:.9rem;height:100%;color:#c4b5fd}.search-input::placeholder{color:#a78bfa}.search-button{padding:.5rem 1rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff;cursor:pointer;font-size:.9rem;transition:all .3s ease;height:100%}.search-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.nav-links-desktop{display:flex;align-items:center;gap:.5rem;height:100%}.nav-link-wrapper{position:relative;height:100%;display:flex;align-items:center}.nav-link{display:flex;align-items:center;padding:.6rem 1rem;text-decoration:none;color:var(--nav-text, #a78bfa);border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:500;position:relative;overflow:hidden;font-size:.9rem;height:40px;white-space:nowrap;background:var(--hover-bg, rgba(196, 181, 253, .05));border:1px solid transparent}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(196,181,253,.2),transparent);transition:left .5s ease}.nav-link:hover:before{left:100%}.nav-link:hover{color:var(--nav-text-active, #c4b5fd);background:var(--nav-hover, rgba(196, 181, 253, .15));transform:translateY(-1px);border-color:var(--border-primary, rgba(196, 181, 253, .3));box-shadow:var(--shadow-primary, 0 4px 12px rgba(196, 181, 253, .2))}.nav-link.active{color:var(--nav-text-active, #c4b5fd);background:var(--active-bg, rgba(196, 181, 253, .2));font-weight:600;border-color:var(--border-primary, rgba(196, 181, 253, .4));box-shadow:var(--shadow-primary, 0 4px 12px rgba(196, 181, 253, .3))}.link-label{font-size:.9rem}.nav-user-section{display:flex;align-items:center;gap:.8rem;flex-shrink:0;height:100%}.nav-user-info{display:flex;align-items:center;height:100%}.user-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;padding:.4rem;border-radius:12px;transition:all .3s ease;height:40px;cursor:pointer;background:#c4b5fd0d;border:1px solid transparent}.user-link:hover{background:#c4b5fd26;transform:translateY(-1px);box-shadow:0 4px 12px #c4b5fd33;border-color:#c4b5fd4d}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(196,181,253,.5);box-shadow:0 0 10px #c4b5fd4d}.user-name{font-weight:600;color:#c4b5fd;font-size:.85rem}.mobile-menu-toggle{display:none;background:#c4b5fd1a;border:1px solid rgba(196,181,253,.3);color:#c4b5fd;font-size:1.3rem;cursor:pointer;padding:.4rem;border-radius:12px;transition:all .3s ease;height:40px;width:40px;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:#c4b5fd33;border-color:#c4b5fd80;transform:translateY(-1px)}.mobile-nav-menu{background:#1a0a52f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(196,181,253,.2);overflow:hidden;position:absolute;top:100%;left:0;right:0;z-index:999;border-radius:0 0 20px 20px;box-shadow:0 8px 32px #0000004d}.mobile-nav-links{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{display:flex;align-items:center;padding:1rem;text-decoration:none;color:#a78bfa;border-radius:12px;transition:all .3s ease;font-weight:500;background:#c4b5fd0d;border:1px solid transparent}.mobile-nav-link:hover{background:#c4b5fd26;color:#c4b5fd;border-color:#c4b5fd4d;transform:translateY(-1px)}.mobile-nav-link.active{background:#c4b5fd33;color:#c4b5fd;font-weight:600;border-color:#c4b5fd66}.mobile-link-label{font-size:1rem}@media (max-width: 1024px){.nav-container{padding:0 .5rem}.nav-search{margin:0 .5rem;max-width:250px}.nav-link{padding:.5rem .8rem;font-size:.8rem}}@media (max-width: 768px){.navigation-bar{height:60px;margin:.5rem 1rem;padding:.3rem 1rem;border-radius:15px}.nav-links-desktop{display:none}.mobile-menu-toggle{display:flex}.nav-search{display:none}.nav-user-section{gap:.3rem}.user-name,.logout-text{display:none}.nav-logout-btn{padding:.5rem;width:40px;justify-content:center}.nav-notifications{display:none}}@media (max-width: 480px){.navigation-bar{margin:.25rem .5rem;padding:.3rem .5rem;border-radius:12px}.nav-container{padding:0 .25rem}.logo-text{font-size:1.1rem}.logo-image{width:28px;height:28px}.nav-user-section{gap:.2rem}}@media (max-width: 600px){.nav-user-section .user-name{display:none!important}}.navigation-bar.fade-in{animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-link:hover .link-label{transform:translateY(-1px);transition:transform .2s ease}.nav-link:focus,.user-link:focus,.mobile-menu-toggle:focus{outline:2px solid rgba(196,181,253,.5);outline-offset:2px}.parallax{position:relative;overflow:hidden;margin-top:0;width:100vw;margin-left:calc(-50vw + 50%);margin-bottom:.5rem;background:linear-gradient(135deg,#1a0a52e6,#3d20b3e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(196,181,253,.3);border-bottom:1px solid rgba(196,181,253,.3);padding:.2rem 0}.parallax:first-of-type{margin-top:7rem}.parallax:last-of-type{margin-bottom:7rem}.parallax:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(196,181,253,.1) 50%,transparent 100%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.scroller{display:flex;white-space:nowrap;text-align:center;font-family:Segoe UI,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.02em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));line-height:1;color:#e0e7ff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.scroller span{flex-shrink:0;padding:0 .5rem;position:relative}.scroller span:after{content:"•";color:#c4b5fd;margin:0 1rem;font-size:.9rem;animation:pulse 2s ease-in-out infinite}.scroller span:last-child:after{display:none}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (min-width: 768px){.scroller{font-size:1.5rem;line-height:1}.parallax{padding:1.2rem 0}}:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--grain: none;--icon: none;--behind-gradient: none;--inner-gradient: none;--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--card-radius: 30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-card-wrapper:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:inherit;background-position:inherit;border-radius:inherit;transition:all .5s ease;filter:contrast(1.2) saturate(1.2) blur(24px) opacity(.5);transform:scale(.8) translateZ(.1px);background-size:100% 100%;background-image:var(--behind-gradient)}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: .7}.pc-card-wrapper:hover:before,.pc-card-wrapper.active:before{filter:contrast(1) saturate(2) blur(40px) opacity(1);transform:scale(.9) translateZ(.1px)}.pc-card{height:50svh;max-height:350px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:glow-bg 12s linear infinite;box-shadow:0 8px 32px #3c287840;transition:transform 1s ease;transform:translateZ(.1px) rotateX(0) rotateY(0);background-size:100% 100%;background-position:0 0,0 0,50% 50%,0 0;background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),hsla(266,100%,80%,var(--card-opacity)) 6%,hsla(266,70%,60%,calc(var(--card-opacity)*.5)) 30%,hsla(266,50%,40%,.2) 100%),linear-gradient(135deg,#2a185b,#3b2f7f);overflow:hidden}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(.1px) rotateX(calc(var(--rotate-y) * .5)) rotateY(calc(var(--rotate-x) * .5))}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);transform:translateZ(.1px);pointer-events:none}.pc-inside{top:1px;right:1px;bottom:1px;left:1px;position:absolute;background-image:var(--inner-gradient);background-color:#1a0a52cc;transform:translateZ(.01px)}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .6s ease;filter:brightness(.7) contrast(1.1) saturate(.7) opacity(.3);animation:holo-bg 18s linear infinite;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:before,.pc-shine:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.85) contrast(1.5) saturate(.5);animation:none}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 0%,hsla(0,0%,30%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,80%) 12%,hsla(207,40%,30%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{mix-blend-mode:screen;overflow:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform:translate(-50%) scale(1);bottom:2px;opacity:calc(1.75 - var(--pointer-from-center))}.pc-avatar-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%);pointer-events:none}.pc-user-info{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:12px 14px;pointer-events:auto}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:#ffffffe6;line-height:1}.pc-status{font-size:14px;color:#ffffffb3;line-height:1}.pc-contact-btn{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pc-contact-btn:hover{border-color:#fff6;transform:translateY(-1px);transition:all .2s ease}.pc-content{max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px)!important;z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;font-size:min(5svh,3em);margin:0;background-image:linear-gradient(to bottom,#fff,#6f6fbe);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;background-image:linear-gradient(to bottom,#fff,#4a4ac0);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width: 768px){.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{bottom:15px;left:15px;right:15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media (max-width: 480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{bottom:12px;left:12px;right:12px;padding:8px 10px;border-radius:50px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:50px}}@media (max-width: 320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px;border-radius:50px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{padding:4px 8px;font-size:9px;border-radius:50px}}.squares-canvas{width:100%;height:100%;border:none;display:block;position:absolute;top:0;left:0;z-index:0;pointer-events:none}body{margin:0;font-family:Segoe UI,sans-serif;background:var(--primary-bg, linear-gradient(135deg, #000000 0%, #1a0a52 50%, #3d20b3 100%));color:var(--text-primary, white);min-height:100vh;overflow-x:hidden}.dashboard{text-align:center;position:relative;min-height:100vh;background:var(--primary-bg, linear-gradient(135deg, #000000 0%, #1a0a52 50%, #3d20b3 100%));overflow-x:hidden}.dashboard-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#0003;box-shadow:0 4px 10px #0000004d}.nav-logo{display:flex;align-items:center}.nav-logo img{width:50px;height:50px;margin-right:15px}.nav-logo h1{font-size:1.8rem;font-weight:700;color:#fff}.dashboard-menu{list-style:none;display:flex;align-items:center;margin:0;padding:0}.dashboard-menu li{margin:0 1rem}.dashboard-menu li a{text-decoration:none;color:#fff;font-size:1.1rem;font-weight:500;padding:.5rem 0;border-bottom:2px solid transparent;transition:color .3s ease,border-bottom .3s ease}.dashboard-menu li a:hover,.dashboard-menu li a.active{color:#c084fc;border-bottom:2px solid #c084fc}.dashboard-content{padding:2rem;padding-top:120px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 100px)}.heading{font-size:3rem;margin:4rem 0;color:#c4b5fd;display:flex;justify-content:center;align-items:center;font-weight:700}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.card{background:var(--surface-primary, rgba(26, 10, 82, .8));-webkit-backdrop-filter:var(--backdrop-blur, blur(10px));backdrop-filter:var(--backdrop-blur, blur(10px));border:1px solid var(--border-primary, rgba(196, 181, 253, .2));border-radius:20px;padding:2rem;min-height:330px;max-height:260px;transition:all .4s ease;cursor:pointer;box-shadow:var(--shadow-primary, 0 8px 25px rgba(0, 0, 0, .2));position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.card:hover:before{left:100%}.card .icon{font-size:3rem;margin-bottom:1rem;display:block}.card h3{margin-bottom:.75rem;font-size:1.6rem;color:var(--text-primary, #c4b5fd);font-weight:600}.card p{font-size:1rem;color:var(--text-secondary, #a78bfa);margin-bottom:1.5rem;line-height:1.5;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.get-started-btn{margin-top:auto;padding:.875rem 1.75rem;background:var(--gradient-button, linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%));color:var(--text-inverse, white);border:none;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-primary, 0 8px 25px rgba(139, 92, 246, .3));transition:all .3s ease;font-size:1rem;min-height:45px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.get-started-btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 12px 35px #8b5cf666}.fade-in{opacity:0;animation:fadeIn .8s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card:hover{box-shadow:0 12px 35px #0000004d;transform:translateY(-5px);border-color:#c4b5fd66}@media (max-width: 1024px){.card-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.card{padding:1.75rem;min-height:200px;max-height:240px}.heading{font-size:2.5rem;margin:3rem 0}.card .icon{font-size:2.5rem}.card h3{font-size:1.4rem}}@media (max-width: 768px){.dashboard-nav{padding:1rem;flex-direction:column;gap:1rem}.nav-logo{flex-direction:column;align-items:center}.nav-logo img{margin-right:0}.nav-logo h1{font-size:1.5rem}.dashboard-menu{flex-wrap:wrap;justify-content:center;gap:.5rem}.dashboard-menu li a{font-size:.8rem;padding:.4rem .8rem}.card-container{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.card{min-height:200px;padding:1.5rem}.heading{font-size:2rem;margin:2.5rem 0}.dashboard-content{padding:1rem;padding-top:120px}.card .icon{font-size:2.5rem}.card h3{font-size:1.4rem}.card p{font-size:.9rem}.get-started-btn{padding:.75rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.dashboard-content{padding-top:140px}.heading{display:block!important;width:100%!important;margin:1rem 0 2.5rem!important;text-align:center!important;justify-content:unset!important;align-items:unset!important}.heading>*{display:inline-block!important;text-align:center!important;width:auto!important;margin:0 auto!important;float:none!important}.card{min-height:260px!important;max-height:none!important}.card .icon{font-size:2rem}.card h3{font-size:1.2rem}.get-started-btn{padding:.7rem 1.2rem;font-size:.85rem;min-height:38px}}.lanyard-section{display:flex;align-items:center;justify-content:flex-start;background:#1a0a52d9;border-radius:16px;box-shadow:0 4px 24px #0000001f;margin:3rem 0 0;padding:1.2rem 2rem;gap:2rem;max-width:900px;width:100%;min-height:90px}.lanyard-logo{height:64px;width:64px;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 2px 8px #c4b5fd26;margin-right:1.5rem}.lanyard-heading{font-size:1.5rem;font-weight:700;color:#c4b5fd;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.12);margin:0;flex:1;text-align:left;font-family:Segoe UI,Montserrat,Arial,sans-serif}.manit-highlight{color:#facc15;font-weight:900;letter-spacing:.04em;text-shadow:0 2px 8px rgba(250,204,21,.15)}@media (max-width: 600px){.lanyard-section{flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem;min-height:70px}.lanyard-logo{height:48px;width:48px;margin-right:0}.lanyard-heading{font-size:1.1rem;text-align:left}}.lanyard-card{display:flex;align-items:center;background:linear-gradient(135deg,#1a0a52,#3d20b3);border-radius:18px;box-shadow:0 6px 32px #0000002e;margin:3rem auto 0;padding:1.5rem 2.5rem;gap:2rem;max-width:700px;width:100%;min-height:100px;border:1.5px solid #c4b5fd33;position:relative;overflow:hidden}.lanyard-card-logo-wrap{background:#fff;border-radius:14px;padding:.5rem;box-shadow:0 2px 12px #c4b5fd1f;display:flex;align-items:center;justify-content:center;min-width:80px;min-height:80px}.lanyard-card-logo{height:64px;width:64px;object-fit:contain;border-radius:10px}.lanyard-card-text h1{font-size:1.3rem;font-weight:700;color:#c4b5fd;margin:0;text-align:left;letter-spacing:.02em;font-family:Segoe UI,Montserrat,Arial,sans-serif}@media (max-width: 600px){.lanyard-card{flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem;min-height:70px}.lanyard-card-logo-wrap{min-width:48px;min-height:48px;padding:.3rem}.lanyard-card-logo{height:40px;width:40px}.lanyard-card-text h1{font-size:1rem}}.path-gradient{background:linear-gradient(135deg,#4c1d95,#5b21b6,#6d28d9,#7c3aed,#8b5cf6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;font-weight:800}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.about-us-section{position:relative;display:flex;align-items:stretch;min-height:380px;margin:4rem auto 0;border-radius:32px;overflow:hidden;box-shadow:0 8px 32px #3c287838;background:#1a0a52a6;max-width:1200px;width:95vw;border:2.5px solid rgba(139,92,246,.22);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);font-family:Poppins,Inter,system-ui,sans-serif}.about-us-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.about-us-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(120deg,#1a0a52d9,#2c1664cc);pointer-events:none}.about-us-content{position:relative;z-index:10;display:flex;width:100%;align-items:center;padding:3rem;gap:3.5rem}.about-us-left{flex:1 1 45%;display:flex;align-items:center;justify-content:center;min-width:280px;position:relative;z-index:11}.about-us-image{max-width:420px;width:100%;height:auto;border-radius:26px;box-shadow:0 4px 40px #8b5cf647;background:#2a185b;padding:1.7rem;border:3px solid #4c1d95;transition:box-shadow .3s}.about-us-image:hover{box-shadow:0 8px 60px #7c3aed55,0 2px 8px #4c1d9533}.about-us-right{flex:2 1 55%;color:#e0e7ff;display:flex;flex-direction:column;gap:1.2rem;font-family:Poppins,Inter,system-ui,sans-serif;position:relative;z-index:11;background:#1a0a5299;padding:2rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2)}.about-us-right h2{color:#c4b5fd;font-size:1.8rem;margin-bottom:.5rem;letter-spacing:.7px;font-weight:700;background:linear-gradient(135deg,#a78bfa,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.about-us-motto{font-size:1rem;font-weight:700;background:linear-gradient(90deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:.7px;animation:typewriter 2s steps(20) .5s both;overflow:hidden;white-space:nowrap}.about-us-right p{font-size:.9rem;line-height:1.6;color:#e0e7ff;margin:0;font-weight:500;letter-spacing:.1px;animation:fadeInUp .8s ease-out forwards;opacity:0;transform:translateY(20px)}.about-us-right p:nth-child(3){animation-delay:.8s}.about-us-right p:nth-child(4){animation-delay:1s}.about-us-right p:nth-child(5){animation-delay:1.2s}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.about-us-content{flex-direction:column;gap:1.7rem;padding:2.2rem 1rem}.about-us-left,.about-us-right{flex:unset;width:100%;justify-content:center;align-items:center}.about-us-image{max-width:220px;padding:.9rem}.about-us-right h2{font-size:1.5rem}}.about-us-image-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2c1664eb;border-radius:2rem;box-shadow:0 4px 32px #8b5cf62e;padding:1.5rem 2.5rem 1.2rem;min-width:300px;min-height:180px;z-index:2;position:relative}.about-us-image-card img.about-us-image{display:block;max-width:260px;width:100%;height:auto;margin-bottom:.7rem;background:transparent;border-radius:1.2rem;box-shadow:none;border:none;padding:0}.about-us-image-label{color:#c4b5fd;font-size:.9rem;font-weight:600;margin-top:.2rem;letter-spacing:.04em;text-align:center;background:none}.about-us-ballpit-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block;opacity:.7}.expanded-doubt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.expanded-doubt-modal{background:var(--surface-elevated, rgba(26, 10, 82, .95));-webkit-backdrop-filter:var(--backdrop-blur, blur(20px));backdrop-filter:var(--backdrop-blur, blur(20px));border-radius:20px;box-shadow:var(--shadow-hover, 0 20px 60px rgba(167, 139, 250, .4));border:2px solid var(--border-primary, rgba(167, 139, 250, .3));padding:0;max-width:90vw;max-height:90vh;width:800px;overflow:hidden;position:relative}.expanded-doubt-content{padding:2rem;max-height:85vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a78bfa #1a0a52}.expanded-doubt-content::-webkit-scrollbar{width:8px}.expanded-doubt-content::-webkit-scrollbar-track{background:#1a0a52;border-radius:4px}.expanded-doubt-content::-webkit-scrollbar-thumb{background:#a78bfa;border-radius:4px}.close-expanded-modal-btn{position:absolute;top:1rem;right:1rem;background:var(--hover-bg, rgba(167, 139, 250, .2));border:1px solid var(--text-accent, #a78bfa);border-radius:50%;width:40px;height:40px;color:var(--text-accent, #a78bfa);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.close-expanded-modal-btn:hover{background:#a78bfa4d;transform:scale(1.1)}.expanded-doubt-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(167,139,250,.2)}.expanded-doubt-user{display:flex;align-items:center;gap:1rem}.expanded-user-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #a78bfa}.expanded-user-avatar-placeholder{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.expanded-user-info h3{margin:0;color:#c4b5fd;font-size:1.3rem;font-weight:600}.expanded-resolved-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-top:.5rem;display:inline-block}.expanded-doubt-question h2{color:#c4b5fd;font-size:1.8rem;font-weight:700;margin:0 0 1.5rem;line-height:1.3}.expanded-doubt-details{margin-bottom:2rem}.expanded-doubt-details h4{color:#a78bfa;font-size:1.1rem;margin-bottom:.8rem;font-weight:600}.expanded-doubt-details p{color:#c4b5fd;font-size:1rem;line-height:1.6;margin:0;background:#a78bfa1a;padding:1rem;border-radius:12px;border-left:4px solid #a78bfa}.expanded-doubt-tags{margin-bottom:2rem}.expanded-doubt-tags h4{color:#a78bfa;font-size:1.1rem;margin-bottom:.8rem;font-weight:600}.expanded-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.expanded-tag{background:#a78bfa33;color:#a78bfa;padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid rgba(167,139,250,.3)}.expanded-solutions{margin-bottom:2rem}.expanded-solutions h4{color:#a78bfa;font-size:1.1rem;margin-bottom:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.expanded-solutions h4:before{content:"💡";font-size:1.2rem}.expanded-solutions-list{display:flex;flex-direction:column;gap:1rem}.expanded-solution-item{background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);border-radius:12px;padding:1rem}.expanded-solution-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.expanded-solution-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #a78bfa}.expanded-solution-username{color:#c4b5fd;font-weight:600;font-size:1rem}.expanded-solution-image{max-width:100%;max-height:400px;border-radius:8px;margin:.8rem 0;cursor:pointer;transition:transform .2s ease}.expanded-solution-image:hover{transform:scale(1.02)}.expanded-solution-text{color:#c4b5fd;font-size:1rem;line-height:1.5;margin-top:.8rem;background:#a78bfa0d;padding:.8rem;border-radius:8px}.expanded-doubt-stats{display:flex;gap:2rem;padding:1rem;background:#a78bfa1a;border-radius:12px;margin-top:2rem}.expanded-stats-item{display:flex;align-items:center;gap:.5rem;color:#c4b5fd;font-size:1rem;font-weight:500}.stat-icon{font-size:1.2rem}@media (max-width: 768px){.expanded-doubt-modal{width:95vw;max-height:95vh}.expanded-doubt-content{padding:1.5rem}.expanded-doubt-question h2{font-size:1.4rem}.expanded-doubt-stats{flex-direction:column;gap:1rem}.expanded-tags-list{gap:.3rem}.expanded-tag{font-size:.8rem;padding:.3rem .6rem}}body,html{margin:0;padding:0;box-sizing:border-box;background:var(--primary-bg, linear-gradient(135deg, #000000 0%, #1a0a52 50%, #3d20b3 100%));color:var(--text-primary, #c4b5fd);min-height:100vh;overflow-x:hidden}.doubts-page-container{min-height:100vh;background:var(--primary-bg, linear-gradient(135deg, #000000 0%, #1a0a52 50%, #3d20b3 100%));color:var(--text-primary, #c4b5fd)}.doubts-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#0003;box-shadow:0 4px 10px #0000004d}.doubts-logo{display:flex;align-items:center}.doubts-logo .Logo-img{width:50px;height:50px;margin-right:15px}.doubts-logo h1{font-size:1.8rem;font-weight:700}.doubts-links .doubts-menu{list-style:none;display:flex;align-items:center;margin:0;padding:0}.doubts-links .doubts-menu li{margin:0 1rem}.doubts-links .doubts-menu li a{text-decoration:none;color:#fff;font-size:1.1rem;font-weight:500;padding:.5rem 0;border-bottom:2px solid transparent;transition:color .3s ease,border-bottom .3s ease}.doubts-links .doubts-menu li a:hover,.doubts-links .doubts-menu li a.active{color:#c084fc;border-bottom:2px solid #c084fc}.logout-btn{background-color:#9a40d3;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:20px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.doubts-main-content{padding:2rem 4rem;padding-top:100px;max-width:1400px;margin:0 auto}.doubts-hero-section{text-align:center;padding:4rem 2rem;background:#1a0a52cc;border:1px solid rgba(196,181,253,.2);border-radius:12px;margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:4.5rem!important}.doubts-hero-section h1{font-size:3rem;font-weight:700;color:#c4b5fd;margin-bottom:1rem}.doubts-hero-section p{font-size:1.25rem;color:#a78bfa;margin-top:1rem;margin-bottom:2rem}.ask-doubt-hero-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:1rem 2rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.ask-doubt-hero-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf64d}.error-message{text-align:center;color:#f56565;background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:1rem;border-radius:8px;margin-bottom:2rem}.ask-doubt-modal{background-color:#00000080;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.doubts-body-content{display:flex;flex-direction:column;gap:3rem}.profile-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#1a202c;border-bottom:1px solid #2d3748}.nav-logo{display:flex;align-items:center;gap:10px}.nav-logo img{height:40px}.nav-links a{color:#a0aec0;text-decoration:none;font-weight:500}.nav-links a.active,.nav-links a:hover{color:#8884d8}.logout-btn{background:#8884d8;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;border:none}.doubts-sections{margin-top:2rem}.about-creators-section{background:#1a0a52cc;border:1px solid rgba(196,181,253,.2);border-radius:12px;padding:2rem;margin-top:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-creators-content h3{color:#c4b5fd;text-align:center;margin-bottom:2rem;font-size:1.8rem}.creator-cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.creator-card{background:#1a0a5299;border:1px solid rgba(196,181,253,.2);border-radius:12px;padding:1.5rem;text-align:center;min-width:200px;transition:all .3s ease}.creator-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #8b5cf633;border-color:#c4b5fd66}.creator-image-placeholder{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.creator-card h4{color:#c4b5fd;margin-bottom:.5rem}.creator-card p{color:#a78bfa;font-size:.9rem;margin-bottom:1rem}.creator-socials{display:flex;justify-content:center;gap:1rem}.creator-socials a{color:#a78bfa;text-decoration:none;padding:.5rem;border:1px solid rgba(196,181,253,.3);border-radius:6px;transition:all .3s ease}.creator-socials a:hover{color:#c4b5fd;background:#c4b5fd1a;border-color:#c4b5fd80}.doubts-footer{background:#040506e6;border-top:1px solid rgba(196,181,253,.2);padding:2rem 0;margin-top:3rem}.footer-content{max-width:1400px;margin:0 auto;padding:0 2rem}.footer-bottom{text-align:center;color:#a78bfa}.footer-bottom p{margin:.5rem 0;font-size:.9rem}@media (max-width: 768px){.doubts-nav{padding:0 1rem}.doubts-main-content{padding:1rem}.doubts-hero-section{padding:2rem 1rem;padding-top:6rem!important}.doubts-hero-section h1{font-size:2rem}.creator-cards{flex-direction:column;align-items:center}.creator-card{min-width:250px}}.action-btn-row{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.small-action-btn{padding:.3em .6em;font-size:1.1em;border-radius:50%;min-width:2.2em;min-height:2.2em;display:flex;align-items:center;justify-content:center;margin:0 .15em}.small-rect-btn{padding:.3rem .7rem;min-width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;font-size:1.1rem;font-weight:500;margin:0 .2rem;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer;box-shadow:0 1px 4px #4c1d950f}.small-rect-btn:hover,.small-rect-btn:focus{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;border:none}.doubts-carousel,.doubts-cards-row,.carousel-row{scroll-behavior:smooth}.scroll-btn,.carousel-scroll-btn{transition:background .2s,color .2s;transform:none!important}.scroll-btn:active,.carousel-scroll-btn:active{transform:none!important}@media (max-width: 768px){.doubt-card{min-width:280px!important;max-width:280px!important;width:280px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;flex:0 0 280px!important}.doubts-cards-row,.carousel-row,.doubts-carousel{flex-wrap:nowrap!important;justify-content:center!important;align-items:flex-start!important;gap:0!important;width:100vw!important;overflow-x:auto!important;box-sizing:border-box!important}}.section{padding:2rem;max-width:1200px;margin:0 auto}.filters{display:flex;gap:1rem;align-items:center}.search-input{padding:8px 16px;border:1px solid rgba(196,181,253,.3);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem;min-width:200px}.search-input:focus{outline:none;border-color:#7f3bff;box-shadow:0 0 0 2px #7f3bff1a}.filter-select{padding:8px 16px;border:1px solid rgba(196,181,253,.3);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem;cursor:pointer}.filter-select:focus{outline:none;border-color:#7f3bff}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.doubt-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem 2rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:360px;max-width:380px;max-height:none;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.doubt-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.doubt-card:hover:before{left:100%}.doubt-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #7e57c24d;border-color:#c4b5fd4d}.doubt-card.resolved{border-color:#10b9814d;background:#10b9810d}.doubt-card.has-solutions{max-height:540px}.doubt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.doubt-header h3{color:#dabfff;font-size:1.2rem;margin:0;flex:1;line-height:1.4}.resolved-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap;margin-left:.5rem}.doubt-meta{margin-bottom:1rem}.doubt-meta p{color:#a78bfa;font-size:.9rem;margin:.25rem 0}.doubt-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#7f3bff33;color:#c4b5fd;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.doubt-actions{display:flex;gap:.5rem;justify-content:space-between}.call-btn,.chat-btn,.gallery-btn,.like-btn{width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-sizing:border-box}.call-btn:hover{box-shadow:0 3px 12px #ef444466;border:2px solid #e53935;transform:translateY(-1px) scale(1.05)}.gallery-btn:hover{box-shadow:0 3px 12px #8b5cf666;border:2px solid #7c3aed;transform:translateY(-1px) scale(1.05)}.like-btn{border-radius:8px!important;aspect-ratio:1 / 1;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;display:flex;align-items:center;justify-content:center;padding:0;font-size:1.2rem;box-sizing:border-box}.solve-btn{width:100%;background:linear-gradient(90deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;padding:.9rem 0;font-size:1.08rem;font-weight:700;margin-top:1.2rem;box-shadow:0 2px 8px #8b5cf61a;cursor:pointer;transition:background .2s,transform .2s;letter-spacing:.5px}.solve-btn:hover{background:linear-gradient(90deg,#7c3aed,#8b5cf6);transform:translateY(-2px) scale(1.03)}.resolve-btn{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.resolve-btn:hover{background:#10b9814d;transform:scale(1.05)}.resolve-btn.resolved{background:#10b98166;color:#34d399}.no-doubts{text-align:center;padding:3rem;color:#a78bfa;font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#040506f2;border:1px solid rgba(196,181,253,.2);border-radius:20px;padding:2rem;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#a78bfa;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#c4b5fd1a;color:#c4b5fd}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.modal-header h2{color:#dabfff;font-size:1.5rem;margin:0;flex:1}.modal-meta{margin-bottom:1.5rem}.modal-meta p{color:#a78bfa;margin:.5rem 0;font-size:.95rem}.modal-tags{margin-bottom:1.5rem}.modal-tags strong{color:#c4b5fd;display:block;margin-bottom:.5rem}.modal-details h3{color:#c4b5fd;margin-bottom:.5rem}.modal-details p{color:#e5dbff;line-height:1.6}.doubt-card .helper-bio p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;margin-bottom:.5rem}.doubt-card .helper-header{margin-bottom:.7rem;flex-shrink:0}.doubt-card .doubt-actions-carousel{flex-direction:row;gap:1rem;margin-top:1rem;margin-bottom:0;justify-content:center;align-items:center}.doubt-card .solutions-section{overflow-y:auto;margin:.5rem 0;padding-right:.5rem;max-height:200px}.doubt-card .solutions-section::-webkit-scrollbar{width:4px}.doubt-card .solutions-section::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.doubt-card .solutions-section::-webkit-scrollbar-thumb{background:#c4b5fd80;border-radius:2px}.doubt-card .solutions-section::-webkit-scrollbar-thumb:hover{background:#c4b5fdb3}.doubt-card .solution-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;background:linear-gradient(135deg,#8b5cf626,#8b5cf614);border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.doubt-card .solution-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .5s}.doubt-card .solution-item:hover:before{left:100%}.doubt-card .solution-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf633;border-color:#8b5cf666;background:linear-gradient(135deg,#8b5cf633,#8b5cf61f)}.doubt-card .solution-item:last-child{margin-bottom:0}.doubt-card .solution-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(139,92,246,.3)}.doubt-card .solution-content{flex:1;min-width:0}.doubt-card .solution-username{font-weight:600;color:#c4b5fd;margin-bottom:4px;font-size:.9rem}.doubt-card .solution-image{max-width:100px;max-height:80px;border-radius:8px;margin-bottom:6px;display:block;border:1px solid rgba(139,92,246,.2);transition:transform .3s ease}.doubt-card .solution-item:hover .solution-image{transform:scale(1.05)}.doubt-card .solution-text{color:#a78bfa;font-size:.85rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.doubt-card .solutions-header{font-weight:600;color:#a78bfa;margin-bottom:8px;font-size:.9rem;display:flex;align-items:center;gap:6px}.doubt-card .solutions-header:before{content:""}@media (max-width: 768px){.section{padding:1rem}.section-header{flex-direction:column;align-items:stretch}.filters{flex-direction:column}.search-input,.filter-select{width:100%}.card-grid{grid-template-columns:1fr}.doubt-header{flex-direction:column;gap:.5rem}.resolved-badge{align-self:flex-start;margin-left:0}.doubt-actions{flex-direction:column;gap:.5rem}.modal-content{margin:1rem;padding:1.5rem}.modal-header{flex-direction:column;gap:.5rem}.modal-actions{flex-direction:column}}.top-helpers-section{padding:2rem;max-width:1200px;margin:0 auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-title{color:#c4b5fd;font-size:2rem;margin:0}.scroll-indicator{display:flex;align-items:center;gap:.5rem;color:#a78bfa;font-size:.9rem;animation:pulse 2s ease-in-out infinite}.scroll-text{font-weight:500}.scroll-arrow{font-size:1.2rem;animation:slideRight 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes slideRight{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.carousel-wrapper{position:relative;display:flex;align-items:center;gap:1rem}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:none;border-radius:50%;background:linear-gradient(135deg,#c4b5fd33,#c4b5fd1a);color:#c4b5fd;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(196,181,253,.3);display:flex;align-items:center;justify-content:center}.scroll-btn:hover{background:linear-gradient(135deg,#c4b5fd4d,#c4b5fd33);transform:translateY(-50%) scale(1.1);box-shadow:0 8px 25px #c4b5fd4d}.scroll-btn:active{transform:translateY(-50%) scale(.95)}.scroll-left{left:-25px}.scroll-right{right:-25px}.carousel-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:1rem;margin:0 1rem;flex:1;position:relative}.carousel-container::-webkit-scrollbar{height:8px}.carousel-container::-webkit-scrollbar-track{background:#c4b5fd1a;border-radius:4px}.carousel-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:4px}.carousel-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#9333ea)}.carousel-track{display:flex;gap:1.5rem;padding:.5rem 0}.helper-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;min-width:320px;max-width:320px;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scroll-snap-align:start;flex-shrink:0}.helper-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7f3bff,#9858f8,#b366ff);transform:scaleX(0);transition:transform .3s ease}.helper-card:hover:before{transform:scaleX(1)}.helper-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #7e57c24d;border-color:#c4b5fd4d;background:linear-gradient(135deg,#ffffff1f,#ffffff0d)}.helper-header{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:1.5rem}.helper-avatar{position:relative;background:linear-gradient(135deg,#7f3bff,#9858f8);border-radius:50%;width:4rem;height:4rem;min-width:4rem;min-height:4rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin:0 auto;padding:0;box-shadow:0 4px 15px #7f3bff4d;margin-bottom:1.4rem}.avatar-emoji{font-size:2.5rem;display:block}.avatar-emoji.large{font-size:3rem}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar-image.large{width:5rem;height:5rem}.level-badge{position:absolute;left:50%;top:100%;transform:translate(-50%) translateY(.3rem);display:inline-block;background:#34d399;color:#fff;padding:.12rem .5rem;border-radius:6px;font-size:.78rem;font-weight:600;box-shadow:0 1px 4px #34d3991a;text-align:center;line-height:1.2;white-space:nowrap;z-index:2}.helper-info{flex:1}.helper-name{color:#dabfff;font-size:1.3rem;margin:0 0 .5rem;font-weight:700}.helper-rating{display:flex;align-items:center;gap:.5rem}.stars{font-size:.9rem}.rating-text{color:#fbbf24;font-weight:700;font-size:.9rem}.helper-stats{margin-bottom:1.5rem}.stat-item{display:flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,#7f3bff26,#7f3bff0d);padding:1rem;border-radius:12px;border:1px solid rgba(127,59,255,.2)}.stat-icon{font-size:1.3rem}.stat-value{color:#c4b5fd;font-weight:800;font-size:1.2rem}.stat-label{color:#a78bfa;font-size:.9rem;font-weight:500}.helper-expertise{margin-bottom:1.5rem}.helper-expertise h4{color:#c4b5fd;font-size:1rem;margin:0 0 .8rem;font-weight:600}.expertise-tags{display:flex;flex-wrap:wrap;gap:.6rem}.expertise-tag{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#6ee7b7;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(16,185,129,.3);transition:all .3s ease}.expertise-tag:hover{background:linear-gradient(135deg,#10b9814d,#10b98133);transform:translateY(-2px)}.helper-badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.badge{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#fcd34d;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid rgba(245,158,11,.3);transition:all .3s ease}.badge:hover{background:linear-gradient(135deg,#f59e0b4d,#f59e0b33);transform:translateY(-1px)}.helper-bio{margin-bottom:1.5rem}.helper-bio p{color:#e5dbff;font-size:.95rem;line-height:1.6;margin:0;opacity:.9}.view-profile-btn{width:100%;background:linear-gradient(135deg,#7f3bff,#9858f8);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.95rem;box-shadow:0 4px 15px #7f3bff4d}.view-profile-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7f3bff80;background:linear-gradient(135deg,#9858f8,#b366ff)}.helper-modal{max-width:600px}.modal-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(196,181,253,.2)}.modal-avatar{flex-shrink:0;width:4rem;height:4rem;background:linear-gradient(135deg,#7f3bff,#9858f8);border-radius:50%;padding:.5rem;box-shadow:0 4px 15px #7f3bff4d;display:flex;align-items:center;justify-content:center}.modal-info{flex:1}.modal-info h2{color:#dabfff;font-size:1.8rem;margin:0 0 .5rem}.modal-level{color:#a78bfa;font-size:1rem;margin:0 0 .5rem}.modal-rating{display:flex;align-items:center;gap:.5rem}.modal-stats{margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;background:#7f3bff1a;padding:1rem;border-radius:12px;border:1px solid rgba(127,59,255,.2)}.stat-details{display:flex;flex-direction:column}.modal-expertise,.modal-badges,.modal-bio{margin-bottom:1.5rem}.modal-expertise h3,.modal-badges h3,.modal-bio h3{color:#c4b5fd;font-size:1.1rem;margin:0 0 .75rem}.badges-grid{display:flex;flex-wrap:wrap;gap:.5rem}.modal-bio p{color:#e5dbff;line-height:1.6;margin:0}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(196,181,253,.2)}.contact-btn,.view-solutions-btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.contact-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.view-solutions-btn{background:#c4b5fd1a;color:#c4b5fd;border:1px solid rgba(196,181,253,.3)}.view-solutions-btn:hover{background:#c4b5fd33;transform:translateY(-2px)}.helper-modal .modal-avatar .level-badge{position:static;display:block;margin:.5rem auto 0;background:#34d399;color:#fff;padding:.12rem .5rem;border-radius:6px;font-size:.78rem;font-weight:600;box-shadow:0 1px 4px #34d3991a;text-align:center;line-height:1.2;white-space:nowrap;z-index:2}@media (max-width: 768px){.top-helpers-section{padding:1.5rem 1rem}.section-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important}.helper-card{min-width:280px;max-width:280px}.helper-header{flex-direction:column;align-items:center;text-align:center}.level-badge{font-size:.7rem;padding:.08rem .35rem;transform:translate(-50%) translateY(.2rem)}.modal-header{flex-direction:column;text-align:center;gap:1rem}.modal-actions{flex-direction:column;gap:.8rem}.section-title{font-size:1.8rem;width:100%}.scroll-indicator{order:2!important;align-self:flex-end!important;margin-top:.5rem!important;text-align:right!important;width:auto!important}.scroll-text{text-align:right!important;width:auto!important}}.ask-doubt-section{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.doubt-form-container{background:linear-gradient(135deg,#1a0a52,#3d20b3);border:1px solid rgba(196,181,253,.3);border-radius:20px;padding:2rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;position:relative}.doubt-form{display:flex;flex-direction:column;gap:1.5rem}.doubt-form h2{color:#c4b5fd;font-size:1.8rem;margin-bottom:1rem;text-align:center;font-weight:600}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:1rem;border-radius:10px;text-align:center;font-weight:500;margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid rgba(196,181,253,.3);border-radius:10px;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;background:#ffffff1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-btn,.submit-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:100px}.cancel-btn{background:#ffffff1a;color:#a78bfa;border:1px solid rgba(196,181,253,.3)}.cancel-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.submit-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.doubt-form-container{padding:1.5rem;margin:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.mentorship-page{min-height:100vh;background:var(--primary-bg, linear-gradient(135deg, #000000 0%, #1a0a52 50%, #3d20b3 100%));color:var(--text-primary, #c4b5fd)}.collaboration-content{padding:2rem;padding-top:100px;max-width:1200px;margin:0 auto}.collaboration-header{text-align:center;margin-bottom:3rem}.collaboration-header h1{font-size:2.5rem;margin-bottom:1rem;margin-top:2.5rem;background:linear-gradient(135deg,#c4b5fd,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.collaboration-header p{font-size:1.2rem;color:#a78bfa;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem}.project-card{background:#1a0a52cc;border:1px solid rgba(196,181,253,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:380px;margin:0 auto}.project-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #8b5cf633;border-color:#c4b5fd66}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.project-header h3{color:#c4b5fd;margin:0;font-size:1.1rem;line-height:1.3;flex:1;margin-right:.5rem}.difficulty{padding:.2rem .6rem;border-radius:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.difficulty.beginner{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.difficulty.intermediate{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.difficulty.advanced{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.project-description{color:#a78bfa;margin-bottom:.75rem;line-height:1.4;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-skills{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.skill-tag{background:#8b5cf633;color:#c4b5fd;padding:.2rem .5rem;border-radius:8px;font-size:.7rem;border:1px solid rgba(139,92,246,.3)}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:1rem;font-size:.8rem}.meta-item{color:#a78bfa;display:flex;align-items:center;gap:.3rem}.meta-item span{font-size:.75rem}.project-actions{display:flex;gap:.5rem;align-items:center}.join-btn{flex:1;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:.6rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s ease}.join-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 12px #8b5cf666}.join-btn:disabled{background:#9ca3af80;cursor:not-allowed;transform:none}.chat-btn{background:#000;color:#fff;border:none;padding:.6rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.chat-btn:hover{transform:translateY(-1px);box-shadow:0 3px 12px #10b98166}.chat-btn svg{color:#10b981}.create-project-section{text-align:center;padding:3rem;background:#1a0a5280;border:2px dashed rgba(196,181,253,.3);border-radius:16px;margin-top:2rem}.create-project-section h2{color:#c4b5fd;margin-bottom:1rem}.create-project-section p{color:#a78bfa;margin-bottom:2rem}.create-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s ease}.create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.modal-content{background:#1a0a52f2;border:1px solid rgba(196,181,253,.3);border-radius:16px;padding:2rem;max-width:500px;width:90%;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content h2{color:#c4b5fd;margin-bottom:1.5rem}.modal-content p{color:#a78bfa;margin-bottom:1rem;line-height:1.6}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.confirm-btn{flex:1;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:.75rem;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}.user-projects-section{margin-bottom:3rem}.user-projects-section h2{color:#c4b5fd;font-size:2rem;margin-bottom:2rem;text-align:center}.user-project{border:2px solid rgba(16,185,129,.3);background:#10b9811a;max-width:none;width:100%;grid-column:span 1}.user-project:hover{border-color:#10b98180;box-shadow:0 8px 25px #10b98133}.user-projects-section .projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;justify-items:center}.available-projects-section{margin-bottom:3rem}.available-projects-section h2{color:#c4b5fd;font-size:2rem;margin-bottom:2rem;text-align:center}.create-form{max-width:600px;width:90%}.create-form h2{color:#c4b5fd;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#c4b5fd;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid rgba(196,181,253,.3);border-radius:8px;background:#1a0a52cc;color:#c4b5fd;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 2px #8b5cf633}.form-group input::placeholder,.form-group textarea::placeholder{color:#a78bfa;opacity:.7}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.manage-btn{flex:1;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.6rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s ease}.manage-btn:hover{transform:translateY(-1px);box-shadow:0 3px 12px #f59e0b66}@media (max-width: 768px){.collaboration-nav{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.projects-grid{grid-template-columns:1fr}}.resources-page{min-height:100vh;background:var(--primary-bg, linear-gradient(135deg, #000000 0%, #1a0a52 50%, #3d20b3 100%));color:var(--text-primary, #c4b5fd)}.resources-main{padding-top:120px}.resources-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#040506e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(196,181,253,.2);position:sticky;top:0;z-index:100}.resources-content{padding:2rem;max-width:1200px;margin:0 auto}.resources-header{text-align:center;margin-bottom:3rem}.resources-header h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#c4b5fd,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.resources-header p{font-size:1.2rem;color:#a78bfa;margin:0}.category-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.category-tab{background:#c4b5fd1a;border:1px solid rgba(196,181,253,.3);color:#a78bfa;padding:1rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:1rem}.category-tab:hover,.category-tab.active{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf64d}.category-icon{font-size:1.2rem}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.resource-card{background:linear-gradient(135deg,#1a0a52cc,#8b5cf61a);border:2px solid rgba(196,181,253,.2);border-radius:16px;padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;position:relative;overflow:hidden}.resource-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#a855f7,#c084fc)}.resource-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #8b5cf64d;border-color:#c4b5fd80}.resource-card .resource-title{color:#c4b5fd;margin-bottom:1rem;font-size:1.3rem;line-height:1.4;font-weight:700}.resource-card .resource-description{color:#a78bfa;margin-bottom:1.5rem;line-height:1.6;font-weight:500}.resource-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.resource-logo{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;height:60px}.resource-logo img{max-width:100%;max-height:60px;object-fit:contain;border-radius:8px;background:#ffffff1a;padding:8px;transition:all .3s ease}.resource-logo img:hover{transform:scale(1.05);box-shadow:0 4px 15px #8b5cf64d}.fallback-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#8b5cf633,#a855f733);border-radius:12px;border:1px solid rgba(196,181,253,.3)}.resource-icon{font-size:2rem;margin-right:.5rem}.resource-type{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.resource-rating{color:#fbbf24;font-size:.9rem}.resource-action{display:flex;gap:.75rem;justify-content:center}.resource-action.single-button{gap:0}.resource-action.single-button .access-btn{width:100%;max-width:200px}.access-btn{flex:1;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:.75rem;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.9rem}.access-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}.recruitment-btn{flex:1;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.75rem;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.85rem}.recruitment-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.society-section{width:100%}.society-category{margin-bottom:3rem}.society-category-title{color:#c4b5fd;font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(196,181,253,.2)}.featured-section{margin-top:4rem}.featured-section h2{text-align:center;color:#c4b5fd;margin-bottom:2rem;font-size:2rem}.collections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.collection-card{background:#1a0a5299;border:1px solid rgba(196,181,253,.2);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer}.collection-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #8b5cf633;border-color:#c4b5fd66}.collection-card h3{color:#c4b5fd;margin-bottom:1rem;font-size:1.3rem}.collection-card p{color:#a78bfa;margin-bottom:1rem;line-height:1.6}.collection-count{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#1a0a52f2;border:1px solid rgba(196,181,253,.3);border-radius:16px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#a78bfa;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#ef444433;color:#ef4444}.modal-header{margin-bottom:2rem}.modal-type{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;display:inline-block;margin-bottom:1rem}.modal-header h2{color:#c4b5fd;margin-bottom:1rem;font-size:1.8rem}.modal-rating{color:#fbbf24;font-size:1rem}.modal-body{margin-bottom:2rem}.modal-description{color:#a78bfa;margin-bottom:2rem;line-height:1.6;font-size:1.1rem}.modal-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.detail-item{color:#a78bfa;line-height:1.6}.detail-item strong{color:#c4b5fd}.modal-tags{margin-bottom:2rem}.modal-tags strong{color:#c4b5fd;display:block;margin-bottom:1rem}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.modal-tag{background:#8b5cf633;color:#c4b5fd;padding:.5rem 1rem;border-radius:12px;font-size:.9rem;border:1px solid rgba(139,92,246,.3)}.modal-actions{display:flex;gap:1rem}.cancel-btn{flex:1;background:#9ca3af33;color:#a78bfa;border:1px solid rgba(156,163,175,.3);padding:.75rem;border-radius:10px;cursor:pointer;font-weight:500;transition:all .3s ease}.cancel-btn:hover{background:#9ca3af4d}.enroll-modal-btn{flex:1;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:.75rem;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.enroll-modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}@media (max-width: 768px){.resources-nav{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.resources-grid{grid-template-columns:1fr}.category-tabs{gap:.5rem}.category-tab{padding:.5rem 1rem;font-size:.9rem}.collections-grid{grid-template-columns:1fr}.resources-header h1{font-size:2rem}.resources-header p{font-size:1rem}.modal-content{padding:1.5rem;margin:1rem}.modal-actions{flex-direction:column}}.smaller-card{max-width:33.333%;width:33.333%;margin:0 auto}.smaller-card .resource-title{font-size:1.1rem}.smaller-card .resource-description{font-size:.9rem;line-height:1.4}.profile-page{min-height:100vh;background:var(--primary-bg, linear-gradient(135deg, #000000 0%, #1a0a52 50%, #3d20b3 100%));color:var(--text-primary, #c4b5fd)}.profile-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#040506e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(196,181,253,.2);position:sticky;top:0;z-index:100}.nav-logo img{width:40px;height:40px;border-radius:50%}.nav-logo h1{color:#c4b5fd;font-size:1.5rem;margin:0}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:#a78bfa;text-decoration:none;font-weight:500;transition:color .3s ease;padding:.5rem 1rem;border-radius:8px}.nav-links a:hover,.nav-links a.active{color:#c4b5fd;background:#c4b5fd1a}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}.profile-content{padding:2rem;padding-top:100px;max-width:1000px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding:2rem;background:var(--surface-primary, rgba(26, 10, 82, .6));border-radius:16px;border:1px solid var(--border-primary, rgba(196, 181, 253, .2))}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;font-weight:700;overflow:hidden;position:relative}.avatar-image{width:100%;height:100%;object-fit:cover}.profile-info{flex:1}.profile-info h1{color:var(--text-primary, #c4b5fd);margin-bottom:.5rem;font-size:2rem}.profile-level{color:var(--text-accent, #a855f7);font-weight:600;margin-bottom:.5rem}.profile-email{color:var(--text-secondary, #a78bfa);margin:0}.edit-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--surface-primary, rgba(26, 10, 82, .6));border:1px solid var(--border-primary, rgba(196, 181, 253, .2));border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 15px #8b5cf633}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary, #c4b5fd);margin-bottom:.5rem}.stat-label{color:var(--text-secondary, #a78bfa);font-size:.9rem}.profile-sections{display:grid;gap:2rem}.profile-section{background:#1a0a5299;border:1px solid rgba(196,181,253,.2);border-radius:16px;padding:2rem}.profile-section h2{color:#c4b5fd;margin-bottom:1.5rem;font-size:1.5rem}.bio-text{color:#a78bfa;line-height:1.6;margin:0}.bio-input{width:100%;padding:1rem;border:1px solid rgba(196,181,253,.3);border-radius:10px;background:#ffffff0d;color:#fff;font-size:1rem;resize:vertical;min-height:100px}.bio-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.skills-container,.interests-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.skill-tag,.interest-tag{background:#8b5cf633;color:#c4b5fd;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;border:1px solid rgba(139,92,246,.3);display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.skill-tag:hover,.interest-tag:hover{background:#8b5cf64d}.remove-btn{background:#ef444433;color:#ef4444;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-btn:hover{background:#ef44444d}.add-item{display:flex;gap:.5rem;margin-top:1rem}.add-input{flex:1;padding:.75rem;border:1px solid rgba(196,181,253,.3);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem}.add-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.add-input::placeholder{color:#a78bfa}.add-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b9814d}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{color:#c4b5fd;font-weight:600;font-size:.9rem}.info-item span{color:#a78bfa;padding:.75rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(196,181,253,.2)}.info-input{padding:.75rem;border:1px solid rgba(196,181,253,.3);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem}.info-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.save-section{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(196,181,253,.2)}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s ease}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.camera-icon-overlay{position:absolute;bottom:8px;right:8px;background:#000000b3;border-radius:50%;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .2s}.camera-icon-overlay:hover{background:#8a55f7e6}.profile-avatar{position:relative}.camera-icon-overlay input[type=file]{display:none}@media (max-width: 768px){.profile-nav{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.profile-header{flex-direction:column;text-align:center;gap:1rem}.profile-stats{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.add-item{flex-direction:column}}.fancy-gradient-card{position:relative;border-radius:16px;padding:20px;background:#0f0f10;color:#fff;z-index:0;overflow:hidden;box-shadow:0 4px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease;isolation:isolate}.fancy-gradient-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:2px;background:linear-gradient(135deg,#8e2de2,#4a00e0,#00c9ff);background-size:300% 300%;animation:fancyBorderAnim 6s ease infinite;border-radius:16px;z-index:-1;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;box-sizing:border-box;transition:filter .3s ease}.fancy-gradient-card:hover:before{filter:brightness(1.4) blur(1px)}@keyframes fancyBorderAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.box{width:auto;height:auto;background-color:#91f;border-radius:5px}.profile-page .fancy-gradient-card{min-height:120px!important;padding:1.2rem!important}.profile-page .profile-header.fancy-gradient-card{min-height:auto!important;padding:1.5rem!important}.profile-page .stat-card.fancy-gradient-card{min-height:100px!important;padding:1rem!important}.profile-fancy-gradient-card{position:relative;border-radius:16px;padding:20px;background:#1a1a2e!important;background-color:#1a1a2e!important;color:#fff;z-index:10;overflow:hidden;box-shadow:0 4px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease;isolation:isolate;min-height:120px;height:auto}.profile-fancy-gradient-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:2px;background:linear-gradient(135deg,#8e2de2,#4a00e0,#00c9ff,#92fe9d);background-size:300% 300%;animation:fancyBorderAnim 6s ease infinite;border-radius:16px;z-index:-1;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;box-sizing:border-box;transition:filter .4s ease}.profile-fancy-gradient-card:hover{transform:scale(1.02);box-shadow:0 6px 24px #0006}.profile-fancy-gradient-card:hover:before{filter:brightness(1.5) saturate(1.5) blur(1px)}.profile-header.profile-fancy-gradient-card{min-height:auto;height:auto;padding:1.5rem}.stat-card.profile-fancy-gradient-card{min-height:100px;height:auto;padding:1rem}.profile-page .profile-fancy-gradient-card{background:#1a1a2e!important;background-color:#1a1a2e!important;z-index:10!important}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-bg, linear-gradient(135deg, #000000 0%, #1a0a52 50%, #3d20b3 100%));position:relative;overflow:hidden}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-card{background:#1a0a52e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(196,181,253,.2);border-radius:20px;padding:3rem;width:100%;max-width:400px;box-shadow:0 8px 32px #0000004d;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:80px;height:80px;margin-bottom:1rem;border-radius:50%;box-shadow:0 4px 20px #c4b5fd4d}.login-header h1{color:#c4b5fd;font-size:1.8rem;margin-bottom:.5rem;font-weight:600}.login-header p{color:#a78bfa;font-size:1rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#c4b5fd;font-size:.9rem;font-weight:500}.form-group input,.form-group select{padding:.75rem 1rem;border:1px solid rgba(196,181,253,.3);border-radius:10px;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;background:#ffffff1a}.form-group input::placeholder{color:#a78bfa}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-text{color:#ef4444;font-size:.8rem;margin-top:.25rem}.role-select{cursor:pointer}.role-select option{background:#1a0a52;color:#fff}.login-btn{padding:.75rem 1rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn.loading{position:relative;color:transparent}.login-btn.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.login-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(196,181,253,.2)}.login-footer p{color:#a78bfa;margin:.5rem 0;font-size:.9rem}.login-footer a{color:#8b5cf6;text-decoration:none;font-weight:500;transition:color .3s ease}.login-footer a:hover{color:#a855f7;text-decoration:underline}@media (max-width: 480px){.login-card{margin:1rem;padding:2rem}.login-header h1{font-size:1.5rem}}body{margin:0;padding:0}.chat-page{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:var(--primary-bg, linear-gradient(135deg, #0f0f23 0%, #1a0a52 25%, #3d20b3 50%, #7c3aed 75%, #a855f7 100%));padding-top:120px;color:var(--text-primary, #c4b5fd);overflow:hidden}.chat-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f0f23f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid rgba(196,181,253,.3);position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #0000004d}.nav-logo{display:flex;align-items:center;gap:1rem}.nav-logo img{width:45px;height:45px;border-radius:50%;box-shadow:0 4px 15px #8b5cf64d}.nav-logo h1{color:#c4b5fd;font-size:1.6rem;margin:0;background:linear-gradient(135deg,#c4b5fd,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:#a78bfa;text-decoration:none;font-weight:500;transition:all .3s ease;padding:.6rem 1.2rem;border-radius:12px;position:relative;overflow:hidden}.nav-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf633,#a855f733);transition:left .3s ease}.nav-links a:hover:before,.nav-links a.active:before{left:0}.nav-links a:hover,.nav-links a.active{color:#c4b5fd;transform:translateY(-2px)}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.chat-content{flex:1 1 auto;display:flex;min-height:0;height:100%}.chat-sidebar{width:380px;height:100%;margin-top:0;padding-top:0;background:none!important;border-right:2px solid rgba(196,181,253,.2);display:flex;flex-direction:column;box-shadow:4px 0 20px #0003;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden}.sidebar-header-fixed{flex-shrink:0;background:inherit;position:sticky;top:0;z-index:10}.users-list-scrollable{flex:1;overflow-y:auto;min-height:0}.chat-main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;height:100%;margin-top:0;padding-top:0}.chat-header{padding:2rem;border-bottom:2px solid rgba(196,181,253,.2);background:linear-gradient(135deg,#8b5cf61a,#a855f71a);margin-bottom:1.2rem;flex-shrink:0}.chat-header h2{color:#c4b5fd;margin-bottom:1.5rem;font-size:1.5rem;background:linear-gradient(135deg,#c4b5fd,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.new-group-btn{display:block;width:100%;margin:.5rem 0 1.2rem;padding:.9rem 0;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;font-weight:600;font-size:1.1rem;border:none;border-radius:12px;cursor:pointer;box-shadow:0 2px 8px #8b5cf626;transition:background .2s,box-shadow .2s,transform .2s;flex-shrink:0}.new-group-btn:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6);box-shadow:0 4px 16px #8b5cf640;transform:translateY(-2px) scale(1.03)}.search-box{position:relative;margin-bottom:1.2rem;flex-shrink:0}.search-box input{width:100%;padding:1rem 3rem 1rem 1.2rem;border:2px solid rgba(196,181,253,.3);border-radius:12px;background:#ffffff14;color:#fff;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.search-box input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf633,0 4px 15px #0003;background:#ffffff1f}.search-box input::placeholder{color:#a78bfa;opacity:.7}.search-icon{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);color:#a78bfa;font-size:1.2rem}.users-list{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.2rem;flex:1;overflow-y:auto;padding-right:.5rem;min-height:0}.users-list::-webkit-scrollbar{width:6px}.users-list::-webkit-scrollbar-track{background:#c4b5fd1a;border-radius:3px}.users-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:3px}.users-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6)}.user-item{display:flex;align-items:center;padding:.7rem 1.1rem;border-radius:14px;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s;background:transparent;box-shadow:none}.user-item:hover,.user-item.active{background:#8b5cf621;box-shadow:0 2px 12px #8b5cf614;transform:translateY(-2px) scale(1.02)}.user-avatar,.group-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);display:flex;align-items:center;justify-content:center;margin-right:1.1rem;font-size:2rem;box-shadow:0 2px 8px #8b5cf62e;overflow:hidden}.user-avatar img,.group-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-info{display:flex;flex-direction:column;justify-content:center}.user-name{font-size:1.13rem;font-weight:600;color:#e0e7ff;margin-bottom:.1rem}.status-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid rgba(15,15,35,.9);box-shadow:0 2px 8px #0000004d}.status-indicator.online{background:linear-gradient(135deg,#10b981,#059669)}.status-indicator.offline{background:linear-gradient(135deg,#6b7280,#4b5563)}.user-info h4{color:#c4b5fd;margin:0 0 .5rem;font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info p{color:#a78bfa;margin:0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.chat-header-main{padding:2rem;border-bottom:2px solid rgba(196,181,253,.2);background:linear-gradient(135deg,#0f0f23e6,#1a0a52e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-user-info{display:flex;align-items:center;gap:1.2rem}.user-avatar-main{width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 15px #8b5cf64d;border:2px solid rgba(255,255,255,.1)}.chat-user-info h3{color:#c4b5fd;margin:0 0 .5rem;font-size:1.4rem;font-weight:600}.status-text{font-size:1rem;font-weight:500}.status-text.online{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.3)}.status-text.offline{color:#6b7280}.messages-container{flex:1 1 auto;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:1.5rem;margin-top:0;padding-top:0}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#c4b5fd1a;border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:4px}.message{display:flex;margin-bottom:.5rem;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.own{justify-content:flex-end}.message.other{justify-content:flex-start}.message-content{max-width:65%;padding:1.2rem;border-radius:18px;position:relative;box-shadow:0 4px 15px #0000001a}.message.own .message-content{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 15px #8b5cf64d}.message.other .message-content{background:linear-gradient(135deg,#c4b5fd40,#a855f740);color:#c4b5fd;border-bottom-left-radius:6px;border:1px solid rgba(196,181,253,.2)}.message-content p{margin:0 0 .8rem;line-height:1.5;font-size:1rem}.message-time{font-size:.8rem;opacity:.7;font-weight:500}.message-input-container{padding:2rem;border-top:2px solid rgba(196,181,253,.2);background:linear-gradient(135deg,#0f0f23e6,#1a0a52e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-input-wrapper{display:flex;gap:1.5rem;align-items:flex-end}.message-input{flex:1;padding:1.2rem;border:2px solid rgba(196,181,253,.3);border-radius:16px;background:#ffffff14;color:#fff;font-size:1rem;resize:none;min-height:55px;max-height:120px;font-family:inherit;transition:all .3s ease;box-shadow:none!important}.message-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf633,0 4px 15px #0003;background:#ffffff1f}.message-input::placeholder{color:#a78bfa;opacity:.8}.send-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:1.2rem 1.6rem;border-radius:16px;cursor:pointer;font-size:1.3rem;transition:all .3s ease;width:55px;height:55px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #8b5cf64d;margin-left:.5rem}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.no-chat-selected{flex:1;display:flex;align-items:center;justify-content:center}.no-chat-content{max-width:500px;padding:3rem;background:#0f0f2399;border-radius:20px;border:2px solid rgba(196,181,253,.2);margin:1rem auto;text-align:center}.no-chat-content h2{color:#c4b5fd;margin-bottom:1.5rem;font-size:2rem;background:linear-gradient(135deg,#c4b5fd,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.no-chat-content p{color:#a78bfa;margin-bottom:3rem;font-size:1.2rem;line-height:1.6}.chat-features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#c4b5fd1a,#a855f71a);border-radius:16px;border:1px solid rgba(196,181,253,.2);transition:all .3s ease}.feature:hover{transform:translateY(-5px);box-shadow:0 8px 25px #8b5cf633;border-color:#8b5cf666}.feature span{font-size:2.5rem;margin-bottom:1rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.feature p{color:#a78bfa;margin:0;font-size:1rem;font-weight:500}@media (max-width: 768px){.chat-nav{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.chat-content{flex-direction:column;height:calc(100vh - 140px)}.chat-sidebar{width:100%;height:45%;border-right:none;border-bottom:2px solid rgba(196,181,253,.2)}.chat-main{height:55%}.message-content{max-width:85%}.chat-features{grid-template-columns:1fr;gap:1.5rem}.no-chat-content{padding:2rem;margin:1rem}.no-chat-content h2{font-size:1.6rem}.no-chat-content p{font-size:1rem}}.message-sender-info{display:flex;align-items:center;gap:.4rem;margin-bottom:.1rem;margin-left:.3rem;background:none;box-shadow:none;padding:0;border-radius:0}.chat-message-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid #a78bfa;margin-bottom:0}.chat-message-username{color:#a78bfa;font-size:.95rem;font-weight:500;text-align:left;margin-bottom:0;margin-right:.2rem}@keyframes slideUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.group-modal-overlay{background:#00000080!important;z-index:1999!important}.group-modal h2{color:#c4b5fd;text-align:center;margin-bottom:1.2rem;font-size:1.3rem}.group-modal input[type=text]{width:100%;padding:.8rem 1rem;border-radius:12px;border:1.5px solid #a78bfa;background:#ffffff12;color:#c4b5fd;font-size:1rem;margin-bottom:1.2rem;transition:border .2s}.group-modal input[type=text]:focus{border-color:#8b5cf6;outline:none}.group-members-list{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.5rem;justify-content:flex-start}.group-member-item{display:flex;align-items:center;background:#8b5cf621;border:1.5px solid #a78bfa;border-radius:999px;padding:.4rem 1rem .4rem .6rem;cursor:pointer;font-size:1rem;color:#c4b5fd;transition:background .2s,border .2s;position:relative;min-width:0}.group-member-item input[type=checkbox]{accent-color:#a78bfa;margin-right:.5rem;width:1.1em;height:1.1em}.group-member-item span{font-weight:500;white-space:nowrap}.group-member-item:hover,.group-member-item input[type=checkbox]:checked+span{background:linear-gradient(90deg,#a78bfa22,#8b5cf622);border-color:#8b5cf6}.group-member-item input[type=checkbox]:checked{box-shadow:0 0 0 2px #a78bfa}.create-group-btn{width:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7);color:#fff;border:none;border-radius:12px;padding:.9rem 0;font-size:1.1rem;font-weight:600;margin-bottom:.7rem;cursor:pointer;transition:background .2s,transform .2s;box-shadow:0 2px 10px #8b5cf621}.create-group-btn:disabled{background:#a78bfa88;color:#e0e7ff;cursor:not-allowed}.close-modal-btn{width:100%;background:none;color:#a78bfa;border:none;border-radius:12px;padding:.7rem 0;font-size:1rem;font-weight:500;cursor:pointer;transition:color .2s}.close-modal-btn:hover{color:#fff;background:#a78bfa33}@media (max-width: 600px){.chat-page{min-height:100dvh!important;height:100dvh!important;padding-top:0!important;overflow:hidden!important}.chat-content,.chat-main.mobile-open{min-height:0!important;height:100dvh!important;overflow:hidden!important}.mobile-back-btn{position:fixed!important;top:200px!important;left:.5rem!important;z-index:3000!important;background:#181825!important;border-radius:50%!important;box-shadow:0 2px 8px #0000001f}}html,body{overflow-x:hidden}.group-modal{position:fixed!important;left:50%!important;bottom:0!important;transform:translate(-50%)!important;width:100%;max-width:480px;background:#1a0a52fa;border-radius:24px 24px 0 0;box-shadow:0 -8px 32px #8b5cf626;padding:2rem 1.5rem 1.5rem;z-index:2000;border:1.5px solid #a78bfa;animation:slideUp .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;max-height:70vh}@media (max-width: 600px){.group-modal{max-width:100vw;max-height:80vh;padding:1.2rem .7rem 1rem}}@media (max-width: 900px){.chat-content{flex-direction:column;min-height:0;height:auto;overflow-y:auto}.chat-sidebar{width:100%;min-width:0;max-width:100vw}}.group-members-list-header{display:flex;gap:.7rem;align-items:center;margin-top:.5rem;flex-wrap:wrap}.group-member-header{display:flex;align-items:center;gap:.3rem;background:#8b5cf621;border-radius:999px;padding:.2rem .7rem .2rem .4rem;font-size:1rem;color:#c4b5fd}.group-member-header img{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1.5px solid #a78bfa;background:#fff}@media (max-width: 600px){.chat-content{flex-direction:column!important;height:100vh!important;min-height:100vh!important}.chat-sidebar{position:relative;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100vh!important;background:#181825!important;z-index:2;overflow:hidden!important}.sidebar-header-fixed{position:sticky;top:0;z-index:10;background:#181825;width:100vw;padding-bottom:.5rem}.chat-header{padding:1rem .7rem .5rem!important;font-size:1.1rem!important;background:#181825!important}.search-box{padding:0 .7rem .5rem!important;background:#181825!important;position:sticky;top:3.2rem;z-index:11}.users-list-scrollable{overflow-y:auto;height:calc(100vh - 6.2rem);padding-bottom:1rem}.users-list{width:100vw!important;min-width:100vw!important;max-width:100vw!important;background:transparent!important}.user-item{width:100%!important;padding:.7rem 1rem!important;font-size:1.1rem!important;color:#c4b5fd!important;border-radius:0!important;background:none!important}.chat-main.mobile-open{display:flex!important;width:100vw!important;height:100vh!important;position:fixed!important;top:0;left:0;z-index:20;background:#181825!important;flex-direction:column}.mobile-back-btn{display:block;background:none;border:none;color:#a78bfa;font-size:1.3rem;padding:1rem;cursor:pointer;position:absolute;top:.5rem;left:.5rem;z-index:21}.user-name{display:block;font-size:1.1rem;color:#c4b5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-main{margin-top:70px!important;z-index:2;background:#181825!important;position:relative}.messages-container{padding-bottom:1rem!important}.message-input-container{margin-bottom:0!important;padding:.3rem .5rem!important;background:#181825!important;border-top:2px solid rgba(196,181,253,.15);box-shadow:0 -2px 12px #00000014}.message-input-wrapper{gap:.5rem!important;align-items:flex-end!important}.message-input{min-height:40px!important;padding:.7rem 1rem!important;font-size:1rem!important;border-radius:12px!important}.send-btn{width:40px!important;height:40px!important;font-size:1.1rem!important;border-radius:50%!important;margin-left:.2rem!important;margin-bottom:2px!important;box-shadow:0 2px 8px #8b5cf62e;padding:0!important;display:flex;align-items:center;justify-content:center}.chat-header-main{margin-top:60px!important}.mobile-back-btn{z-index:30!important}}.location-page{min-height:100vh;background:var(--primary-bg, linear-gradient(135deg, #120a2a 0%, #1a0a52 50%, #2a185f 100%));position:relative;overflow-x:hidden;color:var(--text-primary, white);width:100%}More actions .location-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(99,102,241,.1) 1px,transparent 1px);background-image:radial-gradient(circle,rgba(139,92,246,.08) 1px,transparent 1px);background-size:24px 24px;z-index:1;opacity:.3;opacity:.25}.location-container{position:relative;z-index:2;padding:2rem;max-width:1400px;margin:0 auto;padding-top:120px}.location-header{text-align:center;margin-bottom:3rem;color:#fff}.location-upper-row{display:flex;align-items:stretch;justify-content:space-between;gap:3rem;height:80vh;min-height:400px;margin-bottom:0}.location-header-left{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;height:100%;min-height:0;margin-top:11rem}.location-header-left h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);background:linear-gradient(135deg,#a78bfa,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;margin-bottom:2rem}.location-header-left p{font-size:1.2rem;color:#cbd5e1;color:#c4b5fd;max-width:600px;margin:0 auto;margin-bottom:3rem}.location-header-right{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-width:0;position:relative;z-index:20;margin-top:5rem}.location-worldmap-img{max-width:700px;width:100%;height:auto;border-radius:0;box-shadow:none;background:none;opacity:.85;z-index:20;transition:max-width .3s,transform .5s cubic-bezier(.4,.2,.2,1);transform:translateY(-1vw);animation:floatMapY 4s ease-in-out infinite alternate;pointer-events:auto}@keyframes floatMapY{0%{transform:translateY(-1vw) scale(1)}to{transform:translateY(-2vw) scale(1.03)}}.location-actions{display:flex;justify-content:center;margin-bottom:2rem;margin-bottom:24rem}.create-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #6366f14d;box-shadow:0 8px 32px #8b5cf640}.create-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6366f166;box-shadow:0 12px 40px #8b5cf659}.create-form{background:#1e293bcc;background:#1e0a3cd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border:1px solid rgba(139,92,246,.18);border-radius:20px;padding:2rem;margin-bottom:3rem;box-shadow:0 20px 60px #0000004d;box-shadow:0 20px 60px #4c1d952e;max-width:600px;margin-left:auto;margin-right:auto}.location-form{display:flex;flex-direction:column;gap:1.5rem;align-items:center;width:100%}.form-row,.location-form-input,.address-input{width:100%}.location-form-input{background:#33415599;border:2px solid rgba(99,102,241,.2);background:#271250b3;border:2px solid rgba(139,92,246,.18);border-radius:12px;padding:1rem;color:#fff;font-size:1rem;transition:all .3s ease}.location-form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf61f}.location-form input{background:#33415599;border:2px solid rgba(99,102,241,.2);background:#271250b3;border:2px solid rgba(139,92,246,.18);border-radius:12px;padding:1rem;color:#fff;font-size:1rem;transition:all .3s ease}.location-form input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf61f}.current-location-checkbox{display:flex;align-items:center;gap:.5rem;color:#cbd5e1;color:#c4b5fd;font-size:.9rem;cursor:pointer}.current-location-checkbox input{width:auto;margin:0}.calculate-route-btn{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:10px 0;width:100%}.calculate-route-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,#8b5cf6,#4c1d95);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #10b9814d;box-shadow:0 8px 32px #8b5cf640}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #10b98166;box-shadow:0 12px 40px #8b5cf659}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.rides-section{margin-top:3rem}.rides-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-top:2rem;grid-auto-rows:auto;align-items:start}.ride-card-border{position:relative;border-radius:20px;padding:3px;background:linear-gradient(270deg,#a78bfa,#8b5cf6,#7c3aed,#ec4899,#a78bfa);background-size:400% 400%;animation:gradient-border-animate 6s ease infinite;margin-bottom:1.5rem;box-sizing:border-box}@keyframes gradient-border-animate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ride-card{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;z-index:1;box-sizing:border-box;min-height:auto;height:fit-content;display:flex;flex-direction:column;gap:1rem}.ride-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);transform:scaleX(0);transition:transform .3s ease}.ride-card:hover:before{transform:scaleX(1)}.ride-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #0006;border-color:#6366f166}.ride-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.ride-creator{display:flex;align-items:center;gap:.75rem}.creator-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #6366f1}.creator-info h3{color:#fff;font-size:1rem;font-weight:600;margin:0}.creator-info p{color:#94a3b8;font-size:.85rem;margin:0}.ride-status{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.ride-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#94a3b8;font-size:.8rem;font-weight:500}.detail-value{color:#fff;font-size:.9rem;font-weight:600}.ride-route{background:#33415566;border-radius:12px;padding:1rem;margin-bottom:1rem}.route-points{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.route-point{color:#cbd5e1;font-size:.85rem;flex:1}.route-arrow{color:#6366f1;font-size:1.2rem}.route-info{display:flex;justify-content:space-between;align-items:center;color:#94a3b8;font-size:.8rem}.ride-actions{display:flex;gap:.75rem}.action-btn{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.join-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.join-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.leave-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.leave-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.ride-members{margin-top:1rem;margin-bottom:.5rem;padding-top:1rem;padding-bottom:.5rem;border-top:1px solid rgba(99,102,241,.2)}.members-title{color:#94a3b8;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.members-list{display:flex;gap:.6rem;flex-wrap:wrap;align-items:flex-start;margin-bottom:.5rem}.member-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #6366f1}.member-name-tag{display:inline-block;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.35rem .8rem;border-radius:1rem;font-size:.8rem;font-weight:500;text-align:center;box-shadow:0 2px 4px #6366f133;transition:all .2s ease;cursor:default;line-height:1.3;word-break:break-word;max-width:150px;overflow-wrap:break-word}.member-name-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.weather-info{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.8rem;margin-top:.5rem}.weather-icon{font-size:1.2rem}.mini-map{height:120px;border-radius:8px;margin-bottom:1rem;overflow:hidden;border:1px solid rgba(99,102,241,.2);background:#33415566}.map-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.map-route{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.map-point{font-size:1.5rem;z-index:2}.map-point.start{color:#10b981}.map-point.end{color:#ef4444}.map-line{flex:1;height:2px;background:linear-gradient(90deg,#10b981,#6366f1,#ef4444);border-radius:1px;position:relative}.map-line:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#6366f1;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}}.map-label{font-size:.8rem;color:#94a3b8;font-weight:500}.no-rides{text-align:center;color:#94a3b8;font-size:1.1rem;margin-top:3rem}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:#6366f1;font-size:1.2rem}.ride-note{margin:1rem 0;padding:.75rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:8px}.note-label{font-size:.8rem;color:#fbbf24;font-weight:600;margin-right:.5rem}.note-text{font-size:.9rem;color:#cbd5e1}@media (max-width: 768px){.location-container{padding-top:320px}.location-header h1{margin-top:0;padding-top:70px}.form-row{flex-direction:column;gap:1rem}.rides-grid,.ride-details{grid-template-columns:1fr}.location-idea-card{flex-direction:column-reverse!important;align-items:center!important;justify-content:center!important;padding:1.2rem 1rem!important;min-width:0!important;width:95vw!important;margin-left:2.5vw!important;margin-right:2.5vw!important;margin-top:2rem!important;margin-bottom:1rem!important;text-align:center!important}.location-idea-text{font-size:1rem!important;margin-bottom:1.2rem!important;width:100%!important;max-width:100%!important;text-align:center!important}.location-idea-person-card{min-width:0!important;max-width:90vw!important;width:100%!important;margin-left:0!important;margin-bottom:.5rem!important;border-radius:1rem!important;padding:1rem .5rem!important;display:flex!important;flex-direction:column!important;align-items:center!important}.location-idea-photo{width:80px!important;height:80px!important;margin-bottom:.5rem!important}.rides-title{margin-top:2rem!important;margin-bottom:2rem!important}}.address-input-container{position:relative;width:100%}.address-input{width:100%;padding:1rem;border:2px solid rgba(99,102,241,.2);border-radius:12px;background:#33415599;color:#fff;font-size:1rem;transition:all .3s ease}.address-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.address-input::placeholder{color:#94a3b8}.address-suggestions{position:absolute;top:100%;left:0;right:0;background:#1e293bf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.2);border-radius:12px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 8px 32px #0000004d}.suggestion-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(99,102,241,.1)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#6366f133;color:#fff}.suggestion-item:first-child{border-radius:12px 12px 0 0}.suggestion-item:last-child{border-radius:0 0 12px 12px}.suggestion-text{font-size:14px;color:#cbd5e1;line-height:1.4}.ride-card-map{height:150px!important;width:100%!important;border-radius:8px!important;background:#1a1a1a}.ride-card-map .leaflet-container{background:#1a1a1a!important}.ride-card-map .leaflet-tile{filter:brightness(.8) contrast(1.2)}@media (max-width: 1200px){.location-worldmap-img{max-width:500px}}@media (max-width: 900px){.location-upper-row{flex-direction:column;gap:2rem;height:unset;min-height:unset}.location-header-right{justify-content:flex-start}.location-worldmap-img{max-width:100%}.location-header-left{align-items:center;text-align:center}}.location-dotgrid-bg{z-index:0!important}.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.search-results-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f2f5}.search-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.search-nav .nav-logo a{display:flex;align-items:center;text-decoration:none;color:#333}.search-nav .nav-logo img{height:40px;margin-right:10px}.search-nav .nav-links a,.search-nav .nav-links .logout-btn{margin-left:1.5rem;text-decoration:none;color:#555;font-weight:500;transition:color .3s}.search-nav .nav-links a:hover{color:#8a2be2}.logout-btn{background-color:#8a2be2;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .3s}.logout-btn:hover{background-color:#7b1fa2}.search-results-content{padding:2rem;max-width:900px;margin:0 auto;width:100%}.search-results-content h1{font-size:2rem;color:#333;margin-bottom:2rem;border-bottom:2px solid #eee;padding-bottom:1rem}.loading-message,.error-message,.no-results-message{text-align:center;font-size:1.2rem;color:#777;margin-top:4rem}.results-list{display:grid;gap:1.5rem}.result-card{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 8px #0000000d;transition:transform .3s,box-shadow .3s}.result-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.result-card-header{display:flex;align-items:center;margin-bottom:1rem}.result-card-header img{width:30px;height:30px;border-radius:50%;margin-right:10px;object-fit:cover}.result-card-header span{font-weight:600;color:#555}.result-title a{font-size:1.4rem;color:#333;text-decoration:none;font-weight:600;transition:color .3s}.result-title a:hover{color:#8a2be2}.result-content{color:#666;margin:.5rem 0 1rem;line-height:1.6}.result-tags .tag{display:inline-block;background-color:#e9e9e9;color:#555;padding:.3rem .7rem;border-radius:15px;font-size:.8rem;margin-right:.5rem;margin-top:.5rem}.how-it-works-page{min-height:100vh;background:var(--primary-bg, linear-gradient(135deg, #000000 0%, #1a0a52 50%, #3d20b3 100%));color:var(--text-primary, #c4b5fd)}.how-it-works-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 140px)}.how-it-works-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.how-it-works-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.how-it-works-header p{font-size:1.2rem;color:#a78bfa;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.progress-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem}.progress-indicator span{color:#8b5cf6;font-weight:600;font-size:.9rem}.progress-bar{width:200px;height:6px;background:#a78bfa33;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#a78bfa,#8b5cf6);transition:width .3s ease;border-radius:3px}.how-it-works-content{display:grid;grid-template-columns:350px 1fr;gap:3rem;margin-bottom:4rem}.steps-navigation{background:#1a0a5266;border-radius:20px;padding:2rem;border:1px solid rgba(167,139,250,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:fit-content;position:sticky;top:2rem}.steps-navigation h3{color:#c4b5fd;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.step-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-bottom:.8rem;border:1px solid transparent}.step-nav-item:hover{background:#a78bfa1a;border-color:#a78bfa4d}.step-nav-item.active{background:#a78bfa26;border-color:#a78bfa}.step-nav-item.completed{opacity:.8}.step-nav-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;font-weight:700;flex-shrink:0}.step-nav-content h4{color:#c4b5fd;font-size:.95rem;font-weight:600;margin:0;line-height:1.3}.step-nav-content span{color:#a78bfa;font-size:.8rem}.step-content{background:#1a0a5266;border-radius:20px;padding:2.5rem;border:1px solid rgba(167,139,250,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:600px}.step-card{height:100%;display:flex;flex-direction:column}.step-header{display:flex;align-items:flex-start;gap:2rem;margin-bottom:2.5rem}.step-icon-large{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;font-weight:700;flex-shrink:0;box-shadow:0 8px 25px #0000004d}.step-title-section h2{color:#c4b5fd;font-size:2rem;font-weight:700;margin:0 0 1rem;line-height:1.2}.step-description{color:#a78bfa;font-size:1.1rem;line-height:1.6;margin:0}.step-details{flex:1;margin-bottom:2rem}.step-details h3{color:#c4b5fd;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}.step-details ul{list-style:none;padding:0;margin:0}.step-details li{background:#a78bfa1a;border-left:4px solid #a78bfa;padding:1rem 1.5rem;margin-bottom:.8rem;border-radius:0 8px 8px 0;color:#c4b5fd;font-size:1rem;line-height:1.5;position:relative}.step-details li:before{content:"✓";position:absolute;left:-12px;top:50%;transform:translateY(-50%);background:#a78bfa;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.step-actions{display:flex;gap:1rem;flex-wrap:wrap}.primary-action-btn{background:#8b5cf6;color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d}.primary-action-btn:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.next-step-btn{background:#a78bfa33;color:#a78bfa;border:1px solid #a78bfa;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.next-step-btn:hover{background:#a78bfa4d;border-color:#c4b5fd;color:#c4b5fd}.quick-actions-section{text-align:center;padding:3rem 0}.quick-actions-section h3{color:#c4b5fd;font-size:2rem;font-weight:700;margin-bottom:2rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.quick-action-card{background:#1a0a5266;border-radius:16px;padding:2rem;border:1px solid rgba(167,139,250,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;text-align:center}.quick-action-card:hover{background:#a78bfa1a;border-color:#a78bfa;transform:translateY(-5px)}.quick-icon{font-size:3rem;display:block;margin-bottom:1rem}.quick-action-card h4{color:#c4b5fd;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.quick-action-card p{color:#a78bfa;font-size:.9rem;margin:0}@media (max-width: 1024px){.how-it-works-content{grid-template-columns:1fr;gap:2rem}.steps-navigation{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem}.steps-navigation h3{grid-column:1 / -1;margin-bottom:1rem}.step-nav-item{flex-direction:column;text-align:center;padding:1rem}.step-nav-content h4{font-size:.9rem}}@media (max-width: 768px){.how-it-works-container{padding:1rem}.how-it-works-header h1{font-size:2rem}.how-it-works-header p{font-size:1rem}.step-content{padding:1.5rem}.step-header{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.step-icon-large{width:60px;height:60px;font-size:2rem}.step-title-section h2{font-size:1.5rem}.step-actions{justify-content:center}.quick-actions-grid{grid-template-columns:1fr;gap:1rem}.steps-navigation{grid-template-columns:1fr}}@media (max-width: 480px){.primary-action-btn,.next-step-btn{width:100%;padding:.8rem 1rem}.step-details li{padding:.8rem 1rem;font-size:.9rem}.quick-action-card{padding:1.5rem}}.assignments-page{min-height:100vh;background:var(--primary-bg, linear-gradient(135deg, #000000 0%, #1a0a52 50%, #3d20b3 100%));color:var(--text-primary, #c4b5fd);padding-top:120px}.assignments-container{max-width:1400px;margin:0 auto;padding:2rem}.assignments-header{text-align:center;margin-bottom:3rem}.assignments-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:var(--accent-primary, linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.assignments-header p{font-size:1.2rem;color:var(--text-secondary, #a78bfa);margin-bottom:2rem}.create-assignment-btn{background:var(--gradient-button, linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%));color:var(--text-inverse, white);border:none;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-primary, 0 8px 25px rgba(139, 92, 246, .3));transition:all .3s ease}.create-assignment-btn:hover{box-shadow:var(--shadow-hover, 0 12px 35px rgba(139, 92, 246, .4));transform:translateY(-2px)}.assignments-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-secondary, rgba(139, 92, 246, .2))}.tab-btn{background:none;border:none;padding:1rem 2rem;color:var(--text-secondary, #a78bfa);font-size:1rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.tab-btn.active{color:var(--text-accent, #c4b5fd);border-bottom-color:var(--text-accent, #8b5cf6)}.tab-btn:hover{color:var(--text-accent, #c4b5fd)}.filter-section{display:flex;justify-content:center;margin-bottom:2rem}.subject-filter{background:var(--surface-primary, rgba(26, 10, 82, .8));border:1px solid var(--border-primary, rgba(196, 181, 253, .3));color:var(--text-primary, #c4b5fd);padding:.75rem 1rem;border-radius:8px;font-size:1rem;min-width:200px}.subject-filter:focus{outline:none;border-color:var(--text-accent, #8b5cf6);box-shadow:var(--focus-ring, 0 0 0 3px rgba(139, 92, 246, .1))}.assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.assignment-card{background:var(--surface-primary, rgba(26, 10, 82, .8));-webkit-backdrop-filter:var(--backdrop-blur, blur(10px));backdrop-filter:var(--backdrop-blur, blur(10px));border:1px solid var(--border-primary, rgba(196, 181, 253, .2));border-radius:20px;padding:1.5rem;transition:all .3s ease;box-shadow:var(--shadow-primary, 0 4px 20px rgba(139, 92, 246, .2))}.assignment-card:hover{box-shadow:var(--shadow-hover, 0 12px 35px rgba(139, 92, 246, .3));border-color:var(--border-primary, rgba(196, 181, 253, .4))}.assignment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.assignment-title{font-size:1.3rem;font-weight:700;color:var(--text-primary, #c4b5fd);margin:0;flex:1;margin-right:1rem}.assignment-payment{background:var(--accent-primary, linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%));color:var(--text-inverse, white);padding:.5rem 1rem;border-radius:25px;font-weight:600;font-size:1.1rem;box-shadow:0 2px 8px #8b5cf64d}.assignment-meta{display:flex;justify-content:space-between;margin-bottom:1rem;gap:1rem}.assignment-subject{background:var(--hover-bg, rgba(139, 92, 246, .2));color:var(--text-accent, #a78bfa);padding:.25rem .75rem;border-radius:15px;font-size:.9rem;font-weight:500}.assignment-deadline{color:var(--text-secondary, #a78bfa);font-size:.9rem;font-weight:500}.assignment-description{color:var(--text-secondary, #e0e7ff);line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.assignment-poster{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem;background:var(--hover-bg, rgba(139, 92, 246, .1));border-radius:12px}.poster-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-primary, rgba(139, 92, 246, .5))}.poster-name{font-weight:600;color:var(--text-primary, #c4b5fd)}.assignment-actions{display:flex;gap:.75rem;flex-wrap:wrap}.accept-btn{background:var(--gradient-button, linear-gradient(135deg, #10b981 0%, #059669 100%));color:var(--text-inverse, white);border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.accept-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.delete-btn{background:var(--gradient-button, linear-gradient(135deg, #ef4444 0%, #dc2626 100%));color:var(--text-inverse, white);border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.download-btn{background:var(--hover-bg, rgba(139, 92, 246, .2));color:var(--text-accent, #a78bfa);border:1px solid var(--border-primary, rgba(139, 92, 246, .3));padding:.75rem 1rem;border-radius:12px;text-decoration:none;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.download-btn:hover{background:var(--active-bg, rgba(139, 92, 246, .3));color:var(--text-primary, #c4b5fd)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--surface-elevated, rgba(26, 10, 82, .95));-webkit-backdrop-filter:var(--backdrop-blur, blur(20px));backdrop-filter:var(--backdrop-blur, blur(20px));border:2px solid var(--border-primary, rgba(167, 139, 250, .3));border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-elevated, 0 20px 60px rgba(167, 139, 250, .4))}.modal-content h2{color:var(--text-primary, #c4b5fd);margin-bottom:1.5rem;text-align:center}.assignment-form{display:flex;flex-direction:column;gap:1rem}.assignment-form input,.assignment-form select,.assignment-form textarea{background:var(--input-bg, rgba(26, 10, 82, .6));border:1px solid var(--input-border, rgba(196, 181, 253, .3));color:var(--input-text, #c4b5fd);padding:.75rem;border-radius:8px;font-size:1rem;transition:all .3s ease}.assignment-form input:focus,.assignment-form select:focus,.assignment-form textarea:focus{outline:none;border-color:var(--input-focus-border, #c4b5fd);box-shadow:var(--focus-ring, 0 0 0 2px rgba(196, 181, 253, .2))}.assignment-form input::placeholder,.assignment-form textarea::placeholder{color:var(--input-placeholder, #94a3b8)}.file-upload{display:flex;flex-direction:column;gap:.5rem}.file-upload label{color:var(--text-primary, #c4b5fd);font-weight:600}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions button{flex:1;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-actions button[type=submit]{background:var(--gradient-button, linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%));color:var(--text-inverse, white);border:none}.modal-actions button[type=button]{background:transparent;color:var(--text-secondary, #a78bfa);border:1px solid var(--border-primary, rgba(139, 92, 246, .3))}.contact-modal{max-width:600px}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.contact-person{background:var(--hover-bg, rgba(139, 92, 246, .1));padding:1.5rem;border-radius:12px;border:1px solid var(--border-primary, rgba(139, 92, 246, .2))}.contact-person h3{color:var(--text-accent, #a78bfa);margin-bottom:1rem;font-size:1.1rem}.contact-person p{color:var(--text-primary, #c4b5fd);margin:.5rem 0}.contact-note{background:var(--success-bg, rgba(34, 197, 94, .1));color:var(--success-color, #86efac);padding:1rem;border-radius:8px;text-align:center;margin:1rem 0;border:1px solid var(--success-color, rgba(34, 197, 94, .3))}.loading-state{text-align:center;padding:3rem;color:var(--text-secondary, #a78bfa);font-size:1.1rem}@media (max-width: 768px){.assignments-container{padding:1rem}.assignments-header h1{font-size:2rem}.assignments-grid{grid-template-columns:1fr;gap:1.5rem}.assignments-tabs{flex-direction:column;gap:0}.tab-btn{padding:.75rem 1rem;border-bottom:1px solid var(--border-secondary, rgba(139, 92, 246, .2))}.assignment-header{flex-direction:column;gap:1rem}.assignment-payment{align-self:flex-start}.assignment-meta{flex-direction:column;gap:.5rem}.contact-info{grid-template-columns:1fr;gap:1rem}.modal-content{padding:1.5rem}.modal-actions{flex-direction:column}}@media (max-width: 480px){.assignments-header h1{font-size:1.5rem}.assignments-header p{font-size:1rem}.create-assignment-btn{padding:.75rem 1.5rem;font-size:1rem}}[data-theme=light] .assignment-card{background:var(--surface-primary)!important;color:var(--text-primary)!important}[data-theme=light] .assignment-title,[data-theme=light] .poster-name{color:var(--text-primary)!important}[data-theme=light] .assignment-description,[data-theme=light] .assignment-deadline{color:var(--text-secondary)!important}.chatbot-fab{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:linear-gradient(135deg,#a78bfa,#8b5cf6,#7c3aed);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #a78bfa66,0 4px 15px #0000004d;z-index:99999;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;overflow:hidden}.chatbot-fab:hover{box-shadow:0 12px 35px #a78bfa99,0 6px 20px #0006}.fab-icon{font-size:2rem;z-index:2;position:relative}.fab-pulse{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6,#7c3aed);opacity:.7;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(1.3);opacity:0}}.chatbot-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:100000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem;box-sizing:border-box}.chatbot-modal{width:100%;max-width:900px;height:90vh;max-height:800px;background:#1a0a52f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 25px 80px #a78bfa66,0 10px 40px #0000004d;border:2px solid rgba(167,139,250,.3);display:flex;flex-direction:column;overflow:hidden;position:relative}.chatbot-header{background:linear-gradient(135deg,#a78bfa33,#8b5cf61a);padding:1.5rem 2rem;border-bottom:1px solid rgba(167,139,250,.2);display:flex;align-items:center;justify-content:space-between}.chatbot-header-info{display:flex;align-items:center;gap:1rem}.chatbot-avatar{width:50px;height:50px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 15px #a78bfa4d}.chatbot-title h3{margin:0;color:#c4b5fd;font-size:1.3rem;font-weight:700}.chatbot-status{display:flex;align-items:center;gap:.5rem;color:#a78bfa;font-size:.9rem;margin-top:.3rem}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.chatbot-close-btn{background:#a78bfa33;border:1px solid #a78bfa;border-radius:50%;width:40px;height:40px;color:#a78bfa;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chatbot-close-btn:hover{background:#a78bfa4d;transform:scale(1.1)}.chatbot-config{background:#a78bfa0d;padding:1rem 2rem;border-bottom:1px solid rgba(167,139,250,.1)}.config-header{display:flex;align-items:center;gap:.5rem;color:#a78bfa;font-weight:600;margin-bottom:.8rem;font-size:.9rem}.config-icon{font-size:1rem}.api-url-input{width:100%;background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);border-radius:8px;padding:.8rem 1rem;color:#c4b5fd;font-size:.9rem;box-sizing:border-box;transition:all .2s ease}.api-url-input:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa33}.api-url-input::placeholder{color:#a78bfa;opacity:.7}.config-help{margin-top:.5rem}.config-help small{color:#a78bfa;opacity:.8;line-height:1.4}.chatbot-messages{flex:1;padding:1.5rem 2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:#a78bfa #1a0a52}.chatbot-messages::-webkit-scrollbar{width:8px}.chatbot-messages::-webkit-scrollbar-track{background:#a78bfa1a;border-radius:4px}.chatbot-messages::-webkit-scrollbar-thumb{background:#a78bfa;border-radius:4px}.message{display:flex;align-items:flex-end;margin-bottom:1rem}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.message-content{display:flex;align-items:flex-end;gap:.8rem;max-width:75%}.message.user .message-content{flex-direction:row-reverse}.message-avatar{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.message.bot .message-avatar{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 2px 8px #a78bfa4d}.user-avatar{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.message-bubble{border-radius:20px;padding:1rem 1.5rem;position:relative}.message.bot .message-bubble{background:#a78bfa26;border:1px solid rgba(167,139,250,.3)}.message.user .message-bubble{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.message-bubble p{margin:0;color:#c4b5fd;line-height:1.5;font-size:.95rem}.message.user .message-bubble p{color:#fff}.message-time{display:block;font-size:.75rem;margin-top:.5rem;opacity:.7}.typing-indicator{display:flex;gap:4px;align-items:center;padding:.5rem 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#a78bfa;animation:typing-bounce 1.4s ease-in-out infinite both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.chatbot-input{background:#a78bfa0d;padding:1.5rem 2rem;border-top:1px solid rgba(167,139,250,.2)}.input-container{display:flex;gap:1rem;align-items:flex-end;margin-bottom:.8rem}.message-input{flex:1;background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);border-radius:20px;padding:1rem 1.5rem;color:#c4b5fd;font-size:.95rem;resize:none;min-height:50px;max-height:120px;transition:all .2s ease;font-family:inherit;line-height:1.4}.message-input:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa33}.message-input::placeholder{color:#a78bfa;opacity:.7}.send-button{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;border-radius:50%;width:50px;height:50px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease;flex-shrink:0;box-shadow:0 4px 15px #a78bfa4d}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #a78bfa66}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.send-icon{transform:rotate(-45deg)}.input-hint{text-align:center}.input-hint small{color:#a78bfa;opacity:.8;line-height:1.3}@media (max-width: 768px){.chatbot-fab{bottom:1.5rem;right:1.5rem;width:55px;height:55px}.fab-icon{font-size:1.8rem}.chatbot-overlay{padding:.5rem}.chatbot-modal{width:100%;height:95vh;max-height:none;border-radius:16px}.chatbot-header{padding:1rem 1.5rem}.chatbot-title h3{font-size:1.1rem}.chatbot-config{padding:1rem 1.5rem}.chatbot-messages{padding:1rem 1.5rem;gap:.8rem}.message-content{max-width:85%;gap:.5rem}.message-avatar{width:30px;height:30px;font-size:1rem}.message-bubble{padding:.8rem 1.2rem;border-radius:16px}.message-bubble p{font-size:.9rem}.chatbot-input{padding:1rem 1.5rem}.input-container{gap:.8rem}.message-input{padding:.8rem 1.2rem;border-radius:16px;font-size:.9rem}.send-button{width:45px;height:45px;font-size:1.1rem}}@media (max-width: 480px){.chatbot-fab{bottom:1rem;right:1rem;width:50px;height:50px}.fab-icon{font-size:1.6rem}.chatbot-overlay{padding:0}.chatbot-modal{height:100vh;border-radius:0}.chatbot-header{padding:1rem}.chatbot-avatar{width:40px;height:40px;font-size:1.3rem}.chatbot-title h3{font-size:1rem}.chatbot-config{padding:.8rem 1rem}.chatbot-messages{padding:1rem}.chatbot-input{padding:.8rem 1rem}.message-input{padding:.7rem 1rem;font-size:.85rem}.send-button{width:40px;height:40px;font-size:1rem}}#root{padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.collaboration-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#040506e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(196,181,253,.2);position:sticky;top:0;z-index:100}.collaboration-nav .nav-logo{display:flex;align-items:center;gap:1rem}.collaboration-nav .nav-logo img{width:40px;height:40px;border-radius:50%}.collaboration-nav .nav-logo h1{color:#c4b5fd;font-size:1.5rem;margin:0}.collaboration-nav .nav-links{display:flex;align-items:center;gap:2rem}.collaboration-nav .nav-links a{color:#a78bfa;text-decoration:none;font-weight:500;transition:color .3s ease;padding:.5rem 1rem;border-radius:8px}.collaboration-nav .nav-links a:hover,.collaboration-nav .nav-links a.active{color:#c4b5fd;background:#c4b5fd1a}.collaboration-nav .logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.collaboration-nav .logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}@media (max-width: 768px){.collaboration-nav{padding:1rem;flex-direction:column;gap:1rem}.collaboration-nav .nav-links{gap:1rem;flex-wrap:wrap;justify-content:center}.collaboration-nav .nav-links a{font-size:.9rem;padding:.4rem .8rem}}.App{text-align:center;min-height:100vh;background:linear-gradient(135deg,#000,#1a0a52,#3d20b3);color:#c4b5fd;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#c4b5fd;background:linear-gradient(135deg,#000,#1a0a52,#3d20b3);min-height:100vh}button{cursor:pointer;border:none;outline:none;transition:all .3s ease}button:hover{transform:translateY(-2px)}a{text-decoration:none;color:inherit}input,textarea,select{border:1px solid rgba(196,181,253,.3);border-radius:8px;padding:.75rem;background:#1a0a5280;color:#c4b5fd;transition:border-color .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#c4b5fd;box-shadow:0 0 0 2px #c4b5fd33}.loading-message{text-align:center;padding:2rem;color:#a78bfa;font-size:1.1rem}.error-message{background:#ef44441a;color:#fca5a5;padding:1rem;border-radius:8px;border:1px solid rgba(239,68,68,.3);margin:1rem 0}.success-message{background:#22c55e1a;color:#86efac;padding:1rem;border-radius:8px;border:1px solid rgba(34,197,94,.3);margin:1rem 0}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#000,#1a0a52,#3d20b3)}.loading-spinner{width:50px;height:50px;border:3px solid rgba(196,181,253,.3);border-top:3px solid #c4b5fd;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=light]{--primary-bg: linear-gradient(135deg, #ffffff 0%, #f8fafc 25%, #f1f5f9 50%, #e2e8f0 75%, #cbd5e1 100%);--secondary-bg: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--tertiary-bg: rgba(255, 255, 255, .95);--accent-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-secondary: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--accent-tertiary: linear-gradient(135deg, #10b981 0%, #059669 100%);--text-primary: #1f2937;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-accent: #4f46e5;--text-inverse: #ffffff;--surface-primary: rgba(255, 255, 255, .95);--surface-secondary: rgba(248, 250, 252, .9);--surface-tertiary: rgba(241, 245, 249, .8);--surface-elevated: rgba(255, 255, 255, .98);--border-primary: rgba(99, 102, 241, .2);--border-secondary: rgba(156, 163, 175, .3);--border-tertiary: rgba(209, 213, 219, .4);--shadow-primary: 0 4px 20px rgba(99, 102, 241, .15);--shadow-secondary: 0 2px 10px rgba(0, 0, 0, .1);--shadow-elevated: 0 8px 30px rgba(99, 102, 241, .2);--shadow-hover: 0 12px 40px rgba(99, 102, 241, .25);--hover-bg: rgba(99, 102, 241, .05);--active-bg: rgba(99, 102, 241, .1);--focus-ring: 0 0 0 3px rgba(99, 102, 241, .1);--gradient-hero: linear-gradient(135deg, #ffffff 0%, #f8fafc 25%, #e0e7ff 50%, #c7d2fe 75%, #a5b4fc 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(248, 250, 252, .8) 100%);--gradient-button: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--success-bg: rgba(34, 197, 94, .1);--success-color: #059669;--error-bg: rgba(239, 68, 68, .1);--error-color: #dc2626;--warning-bg: rgba(245, 158, 11, .1);--warning-color: #d97706;--info-bg: rgba(59, 130, 246, .1);--info-color: #2563eb;--nav-bg: rgba(255, 255, 255, .95);--nav-border: rgba(99, 102, 241, .15);--nav-text: #4b5563;--nav-text-active: #4f46e5;--nav-hover: rgba(99, 102, 241, .05);--input-bg: rgba(255, 255, 255, .9);--input-border: rgba(156, 163, 175, .4);--input-focus-border: #6366f1;--input-text: #1f2937;--input-placeholder: #9ca3af;--loading-bg: rgba(99, 102, 241, .1);--loading-color: #6366f1;--loading-shimmer: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);--backdrop-blur: blur(20px) saturate(1.8);--backdrop-overlay: rgba(255, 255, 255, .3)}[data-theme=dark]{--primary-bg: linear-gradient(135deg, #000000 0%, #1a0a52 50%, #3d20b3 100%);--secondary-bg: linear-gradient(135deg, #0f0f23 0%, #1e1b4b 100%);--tertiary-bg: rgba(30, 27, 75, .95);--accent-primary: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);--accent-secondary: linear-gradient(135deg, #06b6d4 0%, #67e8f9 100%);--accent-tertiary: linear-gradient(135deg, #10b981 0%, #34d399 100%);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1;--text-accent: #c4b5fd;--text-inverse: #1f2937;--surface-primary: rgba(30, 27, 75, .95);--surface-secondary: rgba(15, 15, 35, .9);--surface-tertiary: rgba(26, 10, 82, .8);--surface-elevated: rgba(49, 46, 129, .98);--border-primary: rgba(196, 181, 253, .3);--border-secondary: rgba(139, 92, 246, .2);--border-tertiary: rgba(167, 139, 250, .15);--shadow-primary: 0 4px 20px rgba(139, 92, 246, .15);--shadow-secondary: 0 2px 10px rgba(0, 0, 0, .5);--shadow-elevated: 0 8px 30px rgba(139, 92, 246, .2);--shadow-hover: 0 12px 40px rgba(139, 92, 246, .3);--hover-bg: rgba(139, 92, 246, .1);--active-bg: rgba(139, 92, 246, .15);--focus-ring: 0 0 0 3px rgba(139, 92, 246, .2);--gradient-hero: linear-gradient(135deg, #000000 0%, #1a0a52 25%, #3d20b3 50%, #5b21b6 75%, #7c3aed 100%);--gradient-card: linear-gradient(135deg, rgba(30, 27, 75, .9) 0%, rgba(15, 15, 35, .8) 100%);--gradient-button: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);--success-bg: rgba(34, 197, 94, .1);--success-color: #86efac;--error-bg: rgba(239, 68, 68, .1);--error-color: #fca5a5;--warning-bg: rgba(245, 158, 11, .1);--warning-color: #fbbf24;--info-bg: rgba(59, 130, 246, .1);--info-color: #93c5fd;--nav-bg: rgba(4, 5, 6, .95);--nav-border: rgba(196, 181, 253, .2);--nav-text: #a78bfa;--nav-text-active: #c4b5fd;--nav-hover: rgba(196, 181, 253, .1);--input-bg: rgba(26, 10, 82, .6);--input-border: rgba(196, 181, 253, .3);--input-focus-border: #c4b5fd;--input-text: #c4b5fd;--input-placeholder: #94a3b8;--loading-bg: rgba(139, 92, 246, .1);--loading-color: #a78bfa;--loading-shimmer: linear-gradient(90deg, transparent, rgba(196, 181, 253, .2), transparent);--backdrop-blur: blur(18px) saturate(1.3);--backdrop-overlay: rgba(26, 10, 82, .4)}*{transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.theme-light,.theme-dark,[data-theme=light] .App,[data-theme=dark] .App{background:var(--primary-bg);color:var(--text-primary)}[data-theme=light] .front-page{background:var(--gradient-hero)}[data-theme=dark] .front-page{background:linear-gradient(135deg,#050505 15%,#a855f7 40%,#0a0a0a 40%,#1a237e 80%)}[data-theme=light] .collaboration-nav{background:var(--nav-bg);border-bottom:1px solid var(--nav-border);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}[data-theme=light] .collaboration-nav .nav-links a{color:var(--nav-text)}[data-theme=light] .collaboration-nav .nav-links a:hover,[data-theme=light] .collaboration-nav .nav-links a.active{color:var(--nav-text-active);background:var(--nav-hover)}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:var(--input-bg);border-color:var(--input-border);color:var(--input-text)}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--input-placeholder)}[data-theme=light] input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{border-color:var(--input-focus-border);box-shadow:var(--focus-ring)}[data-theme=light] .feature-card,[data-theme=light] .dashboard-card,[data-theme=light] .stats-card,[data-theme=light] .card{background:var(--gradient-card)!important;border:2px solid var(--border-primary)!important;-webkit-backdrop-filter:var(--backdrop-blur)!important;backdrop-filter:var(--backdrop-blur)!important;box-shadow:var(--shadow-primary)!important;color:var(--text-primary)!important}[data-theme=light] .feature-card:hover,[data-theme=light] .dashboard-card:hover,[data-theme=light] .card:hover{box-shadow:var(--shadow-hover)!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] .card h3,[data-theme=light] .card p,[data-theme=light] .card .icon{color:var(--text-primary)!important}[data-theme=light] .dashboard .card{background:var(--gradient-card)!important;color:var(--text-primary)!important}[data-theme=light] .dashboard .card h3,[data-theme=light] .dashboard .card p{color:var(--text-primary)!important}[data-theme=light] .view-full-guide-btn,[data-theme=light] .primary-btn{background:var(--gradient-button);box-shadow:var(--shadow-primary)}[data-theme=light] .view-full-guide-btn:hover,[data-theme=light] .primary-btn:hover{box-shadow:var(--shadow-hover)}[data-theme=light] .loading-spinner{border-color:var(--loading-bg);border-top-color:var(--loading-color)}[data-theme=light] .loading-message{color:var(--loading-color)}[data-theme=light] .success-message{background:var(--success-bg);color:var(--success-color);border-color:var(--success-color)}[data-theme=light] .error-message{background:var(--error-bg);color:var(--error-color);border-color:var(--error-color)}[data-theme=light] .profile-header,[data-theme=light] .stat-card,[data-theme=light] .profile-section{background:var(--surface-primary)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}[data-theme=light] .stat-value,[data-theme=light] .profile-info h1,[data-theme=light] .profile-section h2{color:var(--text-primary)!important}[data-theme=light] .stat-label,[data-theme=light] .profile-email,[data-theme=light] .bio-text{color:var(--text-secondary)!important}[data-theme=light] .mentorship-page,[data-theme=light] .resources-page,[data-theme=light] .chat-page,[data-theme=light] .location-page{background:var(--primary-bg)!important;color:var(--text-primary)!important}[data-theme=light] .expanded-doubt-modal{background:var(--surface-elevated)!important;border:2px solid var(--border-primary)!important;color:var(--text-primary)!important}[data-theme=light] .close-expanded-modal-btn{background:var(--hover-bg)!important;border:1px solid var(--border-primary)!important;color:var(--text-accent)!important}[data-theme=light] .hero-title{color:var(--text-primary)}[data-theme=light] .highlight{background:var(--accent-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .hero-subtitle{background:linear-gradient(135deg,#4f46e5,#7c3aed,#8b5cf6,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .hero-description{background:linear-gradient(135deg,#6b7280,#4b5563,#374151,#1f2937,#111827);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] *{transition:color .4s cubic-bezier(.4,0,.2,1),background-color .4s cubic-bezier(.4,0,.2,1)!important}[data-theme=light] [class*=card],[data-theme=light] [class*=section],[data-theme=light] [class*=container]:not(.nav-container):not(.loading-container){background:var(--surface-primary, rgba(255, 255, 255, .95))!important;color:var(--text-primary, #1f2937)!important}[data-theme=light] p,[data-theme=light] span,[data-theme=light] div,[data-theme=light] label{color:var(--text-primary, #1f2937)!important}[data-theme=light] .subtitle,[data-theme=light] .description,[data-theme=light] [class*=label],[data-theme=light] [class*=email],[data-theme=light] [class*=bio]{color:var(--text-secondary, #4b5563)!important}@keyframes gradientShiftLight{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}[data-theme=light] .hero-subtitle{animation:gradientShiftLight 4s ease-in-out infinite}