:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--bg-main:#f8f7ff;--bg-surface:#ffffffe0;--bg-surface-solid:#fffffff7;--bg-surface-hover:#fffffff0;--text-primary:#1e1136;--text-secondary:#3e2863;--text-muted:#6b5b88;--border-color:#ffffffa6;--border-highlight:#fffffff2;--border-focus:#8b5cf6;--primary-color:#8b5cf6;--primary-hover:#7c3aed;--primary-light:#8b5cf624;--primary-glow:#8b5cf666;--secondary-color:#a855f7;--secondary-hover:#9333ea;--secondary-light:#a855f724;--accent-gradient:linear-gradient(135deg, #7c3aed 0%, #8b5cf6 32%, #a855f7 68%, #c084fc 100%);--accent-gradient-hover:linear-gradient(135deg, #6d28d9 0%, #7c3aed 32%, #9333ea 68%, #a855f7 100%);--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--glass-shadow:0 10px 35px 0 #31105c14, inset 0 1px 1px 0 #ffffffe6, inset 0 -1px 2px 0 #8b5cf614;--glass-shadow-hover:0 20px 45px -8px #31105c2e, 0 0 30px #8b5cf659, inset 0 1px 2px 0 #fffffff2;--shadow-sm:0 2px 8px #31105c0d;--shadow-md:0 8px 24px -4px #31105c17;--shadow-lg:0 18px 36px -6px #31105c24;--shadow-glow:0 0 30px #8b5cf666;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-normal:.35s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--bg-main:#0d0a1a;--bg-surface:#16102adb;--bg-surface-solid:#1a1230f5;--bg-surface-hover:#241a3eeb;--text-primary:#f5f3ff;--text-secondary:#ddd6fe;--text-muted:#a78bfa;--border-color:#a78bfa38;--border-highlight:#ffffff40;--border-focus:#c084fc;--primary-color:#a78bfa;--primary-hover:#8b5cf6;--primary-light:#a78bfa33;--primary-glow:#a78bfa80;--secondary-color:#c084fc;--secondary-hover:#e879f9;--secondary-light:#c084fc33;--accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #a78bfa 32%, #c084fc 68%, #e879f9 100%);--accent-gradient-hover:linear-gradient(135deg, #7c3aed 0%, #8b5cf6 32%, #a855f7 68%, #c084fc 100%);--glass-shadow:0 10px 35px 0 #0009, inset 0 1px 1px 0 #ffffff2e, inset 0 -1px 2px 0 #a78bfa26;--glass-shadow-hover:0 20px 48px -8px #000000bf, 0 0 35px #a78bfa73, inset 0 1px 2px 0 #ffffff59;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px -4px #0000008c;--shadow-lg:0 18px 36px -6px #000000b3;--shadow-glow:0 0 35px #a78bfa80}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-primary);max-width:100vw;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}.liquid-ambient-canvas{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.liquid-blob{-webkit-filter:blur(80px);will-change:transform;border-radius:50%;position:absolute}.blob-1{opacity:.65;background:radial-gradient(circle,#8b5cf6 0%,#8b5cf600 70%);width:clamp(350px,45vw,550px);height:clamp(350px,45vw,550px);animation:18s ease-in-out infinite alternate floatBlob1;top:-100px;left:-80px}.blob-2{opacity:.6;background:radial-gradient(circle,#a855f7 0%,#a855f700 70%);width:clamp(360px,48vw,580px);height:clamp(360px,48vw,580px);animation:22s ease-in-out infinite alternate floatBlob2;top:10%;right:-100px}.blob-3{opacity:.55;background:radial-gradient(circle,#6366f1 0%,#6366f100 70%);width:clamp(320px,42vw,500px);height:clamp(320px,42vw,500px);animation:20s ease-in-out infinite alternate floatBlob3;bottom:5%;left:8%}.blob-4{opacity:.5;background:radial-gradient(circle,#c084fc 0%,#c084fc00 70%);width:clamp(340px,44vw,540px);height:clamp(340px,44vw,540px);animation:25s ease-in-out infinite alternate floatBlob4;bottom:-80px;right:6%}.blob-5{opacity:.45;background:radial-gradient(circle,#7c3aed 0%,#7c3aed00 70%);width:clamp(380px,50vw,620px);height:clamp(380px,50vw,620px);animation:28s ease-in-out infinite alternate floatBlob5;top:38%;left:30%}[data-theme=dark] .blob-1{opacity:.7}[data-theme=dark] .blob-2{opacity:.65}[data-theme=dark] .blob-3{opacity:.6}[data-theme=dark] .blob-4{opacity:.55}[data-theme=dark] .blob-5{opacity:.5}@keyframes floatBlob1{0%{transform:translate(0)scale(1)}50%{transform:translate(80px,100px)scale(1.15)}to{transform:translate(-50px,60px)scale(.95)}}@keyframes floatBlob2{0%{transform:translate(0)scale(1)}50%{transform:translate(-100px,80px)scale(1.12)}to{transform:translate(40px,-60px)scale(.92)}}@keyframes floatBlob3{0%{transform:translate(0)scale(1)}50%{transform:translate(90px,-80px)scale(1.18)}to{transform:translate(-60px,-40px)scale(.96)}}@keyframes floatBlob4{0%{transform:translate(0)scale(1)}50%{transform:translate(-70px,-90px)scale(1.1)}to{transform:translate(60px,50px)scale(.93)}}@keyframes floatBlob5{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,70px)scale(1.2)}to{transform:translate(-50px,-50px)scale(.9)}}@keyframes liquidGradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobileMenuSlideDown{0%{opacity:0;transform:translateY(-14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDrawerLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes floatGently{0%{transform:translateY(0)}50%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes liquidPulse{0%{box-shadow:0 0 #8b5cf680}70%{box-shadow:0 0 0 14px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}@keyframes progressShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.navbar{background-color:#fff;background:var(--bg-surface);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--border-color);z-index:1000;transition:all var(--transition-normal);width:100%;padding:.9rem clamp(1rem,3vw,2rem);position:sticky;top:0;box-shadow:0 4px 30px #0000000a}[data-theme=dark] .navbar{background-color:#120b22;background:var(--bg-surface)}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex;position:relative}.nav-brand{-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.65rem;display:flex}.nav-brand img{object-fit:contain;filter:drop-shadow(0 4px 10px #8b5cf659);width:clamp(36px,5vw,44px);height:clamp(36px,5vw,44px);transition:transform var(--transition-bounce)}.nav-brand:hover img{transform:rotate(-6deg)scale(1.1)}.nav-logo{font-family:var(--font-heading);background:var(--accent-gradient);color:#0000;letter-spacing:-.5px;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.3rem,4vw,1.6rem);font-weight:900;animation:5s infinite liquidGradientFlow}.nav-title{color:var(--text-primary);letter-spacing:-.3px;font-size:clamp(.95rem,3vw,1.15rem);font-weight:800}.nav-buttons{align-items:center;gap:.35rem;display:flex}.nav-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;padding:.55rem .9rem;font-size:.88rem;font-weight:600}.nav-btn:hover{background:var(--bg-surface-hover);color:var(--primary-color);border-color:var(--border-color);transform:translateY(-1px)}.nav-btn.active{background:var(--accent-gradient);background-size:200% 200%;border-color:#0000;font-weight:700;animation:5s infinite liquidGradientFlow;box-shadow:0 4px 16px #8b5cf666;color:#fff!important}.nav-auth-wrapper{align-items:center;gap:.5rem;display:flex}.login-btn{font-weight:700;background:var(--primary-light)!important;color:var(--primary-color)!important;border:1px solid var(--border-color)!important}.login-btn:hover{background:var(--accent-gradient)!important;color:#fff!important;border-color:#0000!important}.logout-btn{color:var(--danger-color)!important;border:1px solid #ef444440!important}.logout-btn:hover{background:#ef44441f!important}.theme-toggle-btn{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:.45rem .75rem;font-size:1.15rem;display:flex}.theme-toggle-btn:hover{background:var(--primary-light);border-color:var(--border-focus);transform:scale(1.08)rotate(10deg)}.desktop-only{display:flex}.mobile-only{display:none}.mobile-controls{align-items:center;gap:.65rem;display:none}.mobile-menu-toggle{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;min-width:42px;min-height:42px;transition:all var(--transition-fast);z-index:1002;background:#8b5cf614;justify-content:center;align-items:center;padding:.6rem .65rem;display:none}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus-visible{border-color:var(--primary-color);background:#8b5cf629;transform:scale(1.05)}.hamburger{background:var(--text-primary);width:24px;height:2px;transition:all .3s;display:block;position:relative}.hamburger:before,.hamburger:after{content:"";background:var(--text-primary);width:24px;height:2px;transition:all .3s;position:absolute;left:0}.hamburger:before{top:-6px}.hamburger:after{top:6px}.hamburger.open{background:0 0}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}.main-content{z-index:2;flex:1;width:100%;max-width:1200px;margin:clamp(1.5rem,4vw,2.5rem) auto;padding:0 clamp(1rem,3vw,1.5rem);animation:.4s fadeIn;position:relative}.home-container{flex-direction:column;gap:clamp(2rem,5vw,3.25rem);width:100%;display:flex}.hero-section{text-align:center;width:100%;max-width:900px;margin:0 auto;padding:clamp(2rem,6vw,4.5rem) 1rem clamp(1.5rem,4vw,2.5rem);animation:.6s cubic-bezier(.16,1,.3,1) backwards fadeUp;position:relative}.hero-title{background:var(--accent-gradient);color:#0000;letter-spacing:-.8px;word-break:break-word;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:clamp(1rem,3vw,1.5rem);font-size:clamp(2.1rem,6.5vw,3.6rem);font-weight:900;line-height:1.15;animation:5s infinite liquidGradientFlow}.hero-subtitle{color:var(--text-secondary);margin-bottom:clamp(1.75rem,4vw,2.75rem);max-width:760px;margin-inline:auto;font-size:clamp(.98rem,2.5vw,1.25rem);font-weight:500;line-height:1.65}.primary-btn{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background-size:200% 200%;border:none;justify-content:center;align-items:center;gap:.5rem;max-width:100%;padding:.95rem clamp(1.5rem,4vw,2.4rem);font-size:clamp(.95rem,2.5vw,1.05rem);font-weight:700;animation:5s infinite liquidGradientFlow;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #8b5cf666}.primary-btn:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;transition:left .75s;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.primary-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 14px 32px #8b5cf680,0 0 25px #a855f759}.primary-btn:hover:after{left:200%}.primary-btn:active{transform:translateY(-1px)scale(.99)}.home-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,3vw,1.75rem);width:100%;display:grid}.synopsis-card,.auth-card,.demand-section,.card,.roadmap-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border-color);border-top:1.5px solid var(--border-highlight);border-left:1.5px solid var(--border-highlight);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);transition:all var(--transition-normal);flex-direction:column;width:100%;padding:clamp(1.25rem,3.5vw,2.25rem);animation:.5s cubic-bezier(.16,1,.3,1) backwards fadeUp;display:flex;position:relative;overflow:hidden}.synopsis-card:after,.card:after,.demand-section:after,.roadmap-card:after,.team-card:after,.match-form:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(#ffffff38 0%,#fff0 100%);height:38%;position:absolute;top:0;left:0;right:0}[data-theme=dark] .synopsis-card:after,[data-theme=dark] .card:after,[data-theme=dark] .demand-section:after,[data-theme=dark] .roadmap-card:after,[data-theme=dark] .team-card:after,[data-theme=dark] .match-form:after{background:linear-gradient(#ffffff14 0%,#fff0 100%)}.synopsis-card>*,.card>*,.demand-section>*,.roadmap-card>*,.team-card>*,.match-form>*{z-index:1;position:relative}.synopsis-card:hover,.demand-section:hover,.card:hover,.roadmap-card:hover{background:var(--bg-surface-hover);border-color:var(--border-focus);box-shadow:var(--glass-shadow-hover);border-top-color:#fff;transform:translateY(-6px)scale(1.01)}.synopsis-card h3,.demand-header h3{color:var(--text-primary);word-break:break-word;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:clamp(1.15rem,3vw,1.35rem);font-weight:800;display:flex}.synopsis-list{color:var(--text-secondary);flex-direction:column;gap:1rem;list-style:none;display:flex}.synopsis-list li strong{color:var(--text-primary);font-weight:700}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(1rem,2.5vw,1.5rem);width:100%;display:grid}.cards-grid .card{padding:clamp(1.2rem,2.5vw,1.6rem)}.card-title{color:var(--text-primary);word-break:break-word;margin-bottom:.4rem;font-size:1.1rem;font-weight:800;line-height:1.35}.card-provider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:.85rem;font-size:.82rem;font-weight:600}.card-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:1.25rem;font-size:.88rem;line-height:1.55}.card-actions{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding-top:1rem;display:flex}.card-link{color:var(--primary-color);transition:all var(--transition-fast);align-items:center;gap:.3rem;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.card-link:hover{color:var(--secondary-color);transform:translate(3px)}.match-badge{background:var(--accent-gradient);color:#fff;letter-spacing:.3px;background-size:200% 200%;border-radius:99px;align-self:flex-start;margin-bottom:.85rem;padding:.25rem .65rem;font-size:.72rem;font-weight:800;animation:5s infinite liquidGradientFlow;display:inline-block;box-shadow:0 2px 8px #8b5cf659}.match-badge.scholarship{background:linear-gradient(135deg,#7c3aed,#a855f7)}.demand-chart{flex-direction:column;gap:1.4rem;width:100%;display:flex}.chart-label-row{color:var(--text-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:clamp(.88rem,2.5vw,.98rem);font-weight:700;display:flex}.progress-track{background-color:var(--border-color);border-radius:999px;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.progress-fill{background:var(--accent-gradient);background-size:200% 100%;border-radius:999px;height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1);animation:4s linear infinite progressShimmer;box-shadow:0 0 12px #8b5cf673}.demand-item{cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);border:1px solid #0000;width:100%;padding:1.15rem}.demand-item:hover{background:var(--bg-surface-hover);border-color:var(--border-color)}.demand-item.expanded{background:var(--bg-surface-solid);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-color:var(--border-focus);box-shadow:var(--glass-shadow-hover);margin-bottom:1rem;padding-bottom:1.6rem}.demand-dropdown{border-top:1px dashed var(--border-color);cursor:default;grid-template-columns:1fr 1fr;gap:2rem;width:100%;margin-top:1.5rem;padding-top:1.5rem;animation:.3s fadeIn;display:grid}.dropdown-column h5{color:var(--text-primary);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:1rem;font-weight:800;display:flex}.dropdown-list{margin:0;padding:0;list-style:none}.dropdown-list li{border-bottom:1px solid var(--border-color);transition:transform var(--transition-fast);margin-bottom:.85rem;padding-bottom:.85rem}.dropdown-list li:hover{transform:translate(4px)}.dropdown-list li:last-child{border-bottom:none;margin-bottom:0}.dropdown-list a{color:var(--primary-color);transition:color var(--transition-fast);word-break:break-word;margin-bottom:.2rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-block}.dropdown-list a:hover{color:var(--secondary-color);text-decoration:underline}.dropdown-meta{color:var(--text-muted);font-size:.78rem;font-weight:600;display:block}.dropdown-empty{color:var(--text-muted);background:var(--primary-light);border-radius:var(--radius-sm);padding:1rem;font-size:.88rem;font-style:italic}.form-container{width:100%;max-width:850px;margin:0 auto;animation:.4s fadeUp}.form-title{text-align:center;color:var(--text-primary);margin-bottom:2rem;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800}.match-form{background:var(--bg-surface);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border-color);border-top:1.5px solid var(--border-highlight);border-left:1.5px solid var(--border-highlight);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);width:100%;margin-bottom:3rem;padding:clamp(1.25rem,4vw,2.75rem)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;width:100%;margin-bottom:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;width:100%;margin-bottom:1.35rem;display:flex}.form-label{color:var(--text-primary);font-size:.9rem;font-weight:700}.form-control{background:var(--bg-surface-solid);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);width:100%;padding:.9rem 1.15rem;font-family:inherit;font-size:1rem}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 3.5px var(--primary-light);background:var(--bg-surface-hover);outline:none}.submit-btn{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition-fast);background-size:200% 200%;border:none;padding:1.05rem;font-size:1.05rem;font-weight:800;animation:5s infinite liquidGradientFlow;box-shadow:0 8px 20px #8b5cf666}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #8b5cf680}.submit-btn:disabled{opacity:.65;cursor:not-allowed}.chat-container{background:var(--bg-surface);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border-color);border-top:1.5px solid var(--border-highlight);border-radius:var(--radius-md);max-width:900px;height:clamp(500px,75vh,800px);box-shadow:var(--glass-shadow);flex-direction:column;width:100%;margin:0 auto;display:flex;overflow:hidden}.fullscreen-chat{border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);border:1px solid var(--border-color);border-top:1.5px solid var(--border-highlight);border-left:1.5px solid var(--border-highlight);background:var(--bg-surface);-webkit-backdrop-filter:blur(28px)saturate(200%);backdrop-filter:blur(28px)saturate(200%);flex-direction:column;display:flex;overflow:hidden;width:100%!important;max-width:100%!important;height:clamp(550px,86vh,920px)!important}.main-content:has(.fullscreen-chat){max-width:100%!important;padding:0 clamp(.75rem,2vw,2rem)!important}.chat-header{background:var(--bg-surface-solid);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);flex-shrink:0;padding:clamp(.85rem,2vw,1.25rem) clamp(1rem,3vw,1.75rem)}.chat-header h2{color:var(--text-primary);font-size:clamp(1.05rem,3vw,1.25rem);font-weight:800}.chat-header p{color:var(--text-muted);font-size:clamp(.78rem,2vw,.85rem)}.chat-history{flex-direction:column;flex:1;gap:1.5rem;padding:clamp(1rem,2.5vw,1.75rem);display:flex;overflow-y:auto}.message-row{width:100%;display:flex}.message-row.user{justify-content:flex-end}.message-row.ai{justify-content:flex-start}.message-bubble{border-radius:var(--radius-md);max-width:min(85%,720px);box-shadow:var(--shadow-sm);word-break:break-word;padding:clamp(.9rem,2vw,1.15rem) clamp(1rem,2.5vw,1.45rem);font-size:clamp(.88rem,2.2vw,.96rem);line-height:1.6}.message-row.user .message-bubble{background:var(--accent-gradient);color:#fff;background-size:200% 200%;border-bottom-right-radius:4px;animation:6s infinite liquidGradientFlow;box-shadow:0 6px 18px #8b5cf666}.message-row.ai .message-bubble{background-color:var(--bg-surface-solid);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-primary);border:1px solid var(--border-color);border-top:1.5px solid var(--border-highlight);border-bottom-left-radius:4px;width:100%;max-width:95%}.chat-input-form{background:var(--bg-surface-solid);border-top:1px solid var(--border-color);flex-shrink:0;gap:.75rem;padding:clamp(.75rem,2vw,1.15rem) clamp(.85rem,2vw,1.5rem);display:flex}.chat-input{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-fast);border-radius:99px;flex:1;min-width:0;padding:.85rem clamp(.85rem,2vw,1.35rem);font-family:inherit;font-size:1rem}.chat-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light);background:var(--bg-surface-hover);outline:none}.chat-send-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:all var(--transition-fast);background-size:200% 200%;border:none;border-radius:99px;flex-shrink:0;padding:0 clamp(1.2rem,3vw,1.75rem);font-weight:700;animation:5s infinite liquidGradientFlow;box-shadow:0 4px 14px #8b5cf666}.chat-send-btn:hover:not(:disabled){transform:scale(1.03);box-shadow:0 8px 20px #8b5cf699}.rag-pill-badge{background:var(--accent-gradient);color:#fff;background-size:200% 200%;border-radius:99px;align-items:center;gap:.35rem;padding:.35rem .9rem;font-size:.76rem;font-weight:800;animation:4s infinite liquidGradientFlow;display:inline-flex;box-shadow:0 2px 10px #8b5cf666}.loading-pulse{font-weight:700;animation:.8s infinite alternate fadeIn;color:var(--primary-color)!important;background:var(--primary-light)!important;border-color:var(--border-focus)!important}.markdown-body{color:inherit;font-family:inherit}.markdown-body p{margin-bottom:1rem}.markdown-body p:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text-primary);word-break:break-word;margin-top:1.5rem;margin-bottom:.75rem;font-weight:800}.markdown-body ul,.markdown-body ol{margin-bottom:1.25rem;padding-left:1.5rem}.markdown-body li{margin-bottom:.35rem}.markdown-body strong{color:var(--text-primary);font-weight:800}.markdown-body table{border-collapse:collapse;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);-webkit-overflow-scrolling:touch;width:100%;max-width:100%;margin:1.5rem 0;font-size:.92rem;display:block;overflow-x:auto}.markdown-body th{background:var(--primary-light);color:var(--text-primary);border-bottom:1px solid var(--border-color);text-align:left;min-width:160px;padding:.85rem 1.25rem;font-weight:800}.markdown-body td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:top;min-width:160px;padding:.85rem 1.25rem;line-height:1.55}.markdown-body pre{-webkit-overflow-scrolling:touch;border:1px solid #8b5cf64d;margin:1.25rem 0;font-family:Fira Code,Courier New,monospace;border-radius:var(--radius-sm)!important;color:#ddd6fe!important;background:#140d28!important;padding:1.25rem!important;overflow-x:auto!important}.markdown-body code{background-color:var(--primary-light);color:var(--primary-color);border:1px solid var(--border-color);border-radius:4px;padding:.2rem .45rem;font-family:Fira Code,Courier New,monospace;font-size:.88em}.markdown-body pre code{color:inherit;background-color:#0000;border:none;padding:0}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1200;background-color:#0e0a1ab3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-content{background:var(--bg-surface-solid);-webkit-backdrop-filter:blur(28px)saturate(200%);backdrop-filter:blur(28px)saturate(200%);border:1px solid var(--border-color);border-top:1.5px solid var(--border-highlight);border-radius:var(--radius-lg);flex-shrink:0;width:100%;max-width:min(440px,94vw);max-height:90vh;padding:clamp(1.5rem,5vw,2.5rem);animation:.35s cubic-bezier(.16,1,.3,1) backwards fadeUp;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0006,0 0 30px #8b5cf64d}.close-btn{background:var(--primary-light);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;width:34px;height:34px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;top:1.25rem;right:1.25rem}.close-btn:hover{background:var(--danger-color);color:#fff;border-color:#0000;transform:rotate(90deg)}.roadmap-container{width:100%;max-width:900px;margin:0 auto;animation:.4s fadeUp}.roadmap-header{text-align:center;margin-bottom:2.5rem}.roadmap-header h2{color:var(--text-primary);letter-spacing:-.5px;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:900}.roadmap-list{flex-direction:column;gap:1.75rem;width:100%;display:flex}.roadmap-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border-color);border-top:1.5px solid var(--border-highlight);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);width:100%;padding:clamp(1.25rem,3.5vw,2.25rem)}.roadmap-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;width:100%;display:flex}.percent-label{color:var(--primary-color);font-size:1.1rem;font-weight:800}.roadmap-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-top:1.25rem;font-size:.95rem;display:flex}.roadmap-skills-panel{background:var(--primary-light);border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100%;margin-bottom:1.5rem;padding:clamp(.85rem,2.5vw,1.25rem)}.skill-milestone-pill{background:var(--bg-surface-solid);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);word-break:break-word;border-radius:99px;align-items:center;gap:.45rem;max-width:100%;padding:.4rem .95rem;font-size:.84rem;font-weight:600;display:flex}.roadmap-evaluator-card{background:var(--bg-surface-solid);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);width:100%;margin-top:1.75rem;padding:clamp(1rem,2.5vw,1.75rem)}.evaluator-textarea{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:vertical;transition:all var(--transition-fast);padding:1rem 1.25rem;font-family:inherit;font-size:1rem}.evaluator-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.eval-feedback-box{border-radius:var(--radius-sm);width:100%;margin-top:1.5rem;padding:1.25rem 1.5rem}.eval-feedback-box.success{border:1px solid var(--primary-color);background:#8b5cf624}.support-fab-container{z-index:1000;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:2rem;right:2.5rem}.support-box{background:var(--bg-surface-solid);-webkit-backdrop-filter:blur(28px)saturate(200%);backdrop-filter:blur(28px)saturate(200%);border:1px solid var(--border-color);border-top:1.5px solid var(--border-highlight);border-radius:var(--radius-md);box-shadow:var(--glass-shadow-hover);transform-origin:100% 100%;width:min(320px,100vw - 2rem);margin-bottom:1rem;padding:1.35rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeUp}.support-action-btn{background:var(--primary-light);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.88rem;font-weight:700}.support-action-btn:hover{background:var(--accent-gradient);color:#fff;border-color:#0000;transform:translate(4px);box-shadow:0 4px 12px #8b5cf659}.support-fab-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;width:60px;height:60px;transition:all var(--transition-bounce);background-size:200% 200%;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;animation:4s infinite liquidGradientFlow;display:flex;box-shadow:0 8px 24px #8b5cf673}.support-fab-btn:hover{transform:scale(1.1)rotate(6deg);box-shadow:0 12px 30px #8b5cf6a6}.about-container{width:100%;max-width:1040px;margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem) 0;animation:.5s fadeUp}.about-header{text-align:center;margin-bottom:clamp(2rem,5vw,4rem)}.about-header h2{color:var(--text-primary);letter-spacing:-.8px;margin-bottom:1.25rem;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:900}.about-header p{color:var(--text-secondary);max-width:820px;margin:0 auto;font-size:clamp(.95rem,2.5vw,1.15rem);font-weight:500;line-height:1.75}.team-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;gap:clamp(1.5rem,4vw,2.5rem);width:100%;display:grid}.team-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border-color);border-top:1.5px solid var(--border-highlight);border-left:1.5px solid var(--border-highlight);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--transition-normal);text-align:center;flex-direction:column;align-items:center;width:100%;padding:clamp(1.75rem,4vw,3.25rem) clamp(1.25rem,3.5vw,2.5rem);display:flex;position:relative;overflow:hidden}.team-card:before{content:"";background:var(--accent-gradient);height:6px;position:absolute;top:0;left:0;right:0}.team-card:hover{box-shadow:var(--glass-shadow-hover);border-color:var(--border-focus);transform:translateY(-8px)scale(1.015)}.team-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(70px,10vw,86px);height:clamp(70px,10vw,86px);margin-bottom:1.5rem;font-size:clamp(1.5rem,3vw,1.85rem);font-weight:900;animation:4s ease-in-out infinite floatGently;display:flex;box-shadow:0 8px 20px #8b5cf666}.team-name{color:var(--text-primary);word-break:break-word;margin-bottom:.4rem;font-size:clamp(1.2rem,3vw,1.45rem);font-weight:800;line-height:1.25}.team-role{color:var(--primary-color);letter-spacing:.2px;margin-bottom:.4rem;font-size:clamp(.85rem,2.5vw,.96rem);font-weight:800}.team-college{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem;font-weight:600}.team-bio{color:var(--text-secondary);font-size:clamp(.88rem,2.2vw,.95rem);line-height:1.65}.chat-roadmap-btn{background:var(--accent-gradient);cursor:pointer;transition:all var(--transition-fast);background-size:200% 200%;border:none;border-radius:99px;align-items:center;gap:.5rem;margin:.4rem .25rem;padding:.45rem 1.1rem;font-size:.85rem;font-weight:800;animation:4s infinite liquidGradientFlow;display:inline-flex;box-shadow:0 4px 12px #8b5cf659;color:#fff!important;text-decoration:none!important}.chat-roadmap-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf680}.chat-quick-chips{background:var(--bg-surface-solid);border-top:1px solid var(--border-color);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.5rem;padding:.75rem clamp(.85rem,2.5vw,1.5rem);display:flex;overflow-x:auto}.chip-btn{background:var(--primary-light);border:1px solid var(--border-color);color:var(--primary-color);cursor:pointer;transition:all var(--transition-fast);text-align:left;white-space:nowrap;border-radius:99px;flex-shrink:0;padding:.42rem .95rem;font-size:.8rem;font-weight:700}.chip-btn:hover:not(:disabled){border-color:var(--border-focus);color:#fff;background:var(--accent-gradient);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf659}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@media (width<=992px){.desktop-only{display:none!important}.mobile-only,.mobile-controls,.mobile-menu-toggle{display:flex!important}.nav-content{position:static}.mobile-nav-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#0c081a8c;width:100vw;height:100vh;animation:.25s ease-out fadeIn;position:fixed;top:0;left:0}.nav-buttons{-webkit-backdrop-filter:blur(32px)saturate(200%);backdrop-filter:blur(32px)saturate(200%);border-top:1px solid #fffffff2;border-bottom:3px solid var(--primary-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-radius:0 0 var(--radius-lg) var(--radius-lg);z-index:1001;background:linear-gradient(#fffffffa 0%,#f7f4fff7 100%);flex-direction:column;align-items:stretch;gap:.65rem;width:100%;max-height:calc(100vh - 75px);padding:1.25rem 1.25rem 1.75rem;animation:.28s cubic-bezier(.16,1,.3,1) mobileMenuSlideDown;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 25px 50px -10px #1e0a3c40,0 0 30px #8b5cf633,inset 0 1px 1px #fffffff2}[data-theme=dark] .nav-buttons{border-top:1px solid #ffffff1f;border-bottom:3px solid var(--primary-color);background:linear-gradient(#140e28fa 0%,#0d091cf7 100%);box-shadow:0 25px 50px -10px #000c,0 0 35px #a78bfa40,inset 0 1px 1px #ffffff26}.nav-buttons.open{display:flex!important}.nav-buttons .nav-btn{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#8b5cf60d;border:1px solid #8b5cf61f;justify-content:space-between;align-items:center;padding:.95rem 1.25rem;font-size:.98rem;font-weight:600;display:flex}[data-theme=dark] .nav-buttons .nav-btn{color:var(--text-primary);background:#a78bfa14;border:1px solid #a78bfa2e}.nav-buttons .nav-btn:hover{border-color:var(--primary-color);background:#8b5cf61f;transform:translate(4px)}.nav-buttons .nav-btn.active{border-color:#0000;font-weight:700;box-shadow:0 4px 18px #8b5cf673;background:var(--accent-gradient)!important;color:#fff!important}.nav-auth-wrapper{border-top:1px solid var(--border-color);flex-direction:column;gap:.65rem;width:100%;margin-top:.75rem;padding-top:.85rem}.nav-auth-wrapper button{justify-content:center;width:100%;padding:.9rem;font-weight:700}.nav-auth-wrapper .login-btn{font-weight:700;box-shadow:0 4px 16px #8b5cf666;background:var(--accent-gradient)!important;color:#fff!important;border:none!important}.nav-auth-wrapper .logout-btn{font-weight:700;color:#ef4444!important;background:#ef44441f!important;border:1px solid #ef444440!important}.demand-dropdown{grid-template-columns:1fr;gap:1.5rem}.fullscreen-chat{border-radius:var(--radius-md)!important;height:84vh!important}.support-fab-container{bottom:1.5rem;right:1.5rem}}@media (width>=601px) and (width<=1024px){.cards-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)!important}.home-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.home-grid>:last-child{grid-column:span 2}.team-grid,.demand-dropdown{grid-template-columns:repeat(2,1fr);gap:1.25rem}.fullscreen-chat{height:84vh!important}}@media (width<=768px){.cards-grid,.home-grid,.team-grid,.form-grid{grid-template-columns:1fr}.form-control,.chat-input,.evaluator-textarea{font-size:16px!important}.fullscreen-chat{border-radius:var(--radius-md)!important;height:82vh!important}.main-content:has(.fullscreen-chat){padding:0 .5rem!important}.message-bubble{max-width:92%}.support-fab-container{bottom:1.25rem;right:1.25rem}.support-box{width:calc(100vw - 2.5rem);max-width:320px;bottom:4.5rem;right:0}.roadmap-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.roadmap-card-header>div:last-child{width:100%;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.roadmap-controls{flex-direction:column;align-items:stretch;gap:.75rem}.roadmap-controls .btn-group{align-items:center;gap:.5rem;width:100%;display:flex}.roadmap-controls .btn-group .nav-btn{flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;font-size:1.25rem;display:flex}.roadmap-controls .btn-group .primary-btn{flex:1;justify-content:center;align-items:center;min-height:44px;padding:.5rem .75rem;font-size:.85rem;display:flex}.mobile-chat-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1050;background:#0c081a8c;width:100vw;height:100vh;animation:.2s ease-out fadeIn;position:fixed;inset:0}.mobile-chat-drawer{-webkit-backdrop-filter:blur(32px)saturate(200%);backdrop-filter:blur(32px)saturate(200%);border-right:1px solid var(--border-color);z-index:1051;background:linear-gradient(#fffffffa 0%,#f6f2fff7 100%);flex-direction:column;width:min(320px,86vw);height:100vh;animation:.28s cubic-bezier(.16,1,.3,1) slideDrawerLeft;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:0 10px 40px #00000059}[data-theme=dark] .mobile-chat-drawer{background:linear-gradient(#140e28fa 0%,#0d091cf7 100%)}.modal-overlay{align-items:flex-start;padding-top:clamp(3.5rem,10vw,5rem);padding-bottom:1.5rem}.modal-content{border-radius:var(--radius-md);max-height:none}}@media (width<=480px){.navbar{padding:.75rem .85rem}.main-content{margin:1rem auto;padding:0 .75rem!important}.nav-title{display:none}.hero-section{padding:1.5rem .5rem 1rem}.hero-title{font-size:clamp(1.6rem,7vw,2.2rem)}.primary-btn{text-align:center;justify-content:center;width:100%}.card-actions{flex-direction:column;align-items:stretch;gap:.75rem}.card-actions a,.card-actions button{text-align:center;justify-content:center;width:100%}.chat-input-form{padding:.65rem .75rem}.chat-send-btn{padding:0 1rem;font-size:.88rem}.match-form{padding:1.25rem 1rem!important}.match-form .submit-btn,.match-form .nav-btn{text-align:center;justify-content:center;width:100%}.evaluator-actions{flex-direction:column;width:100%}.evaluator-submit-btn{white-space:normal;width:100%;padding:.85rem .75rem;font-size:.85rem}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.navbar,.nav-buttons,.synopsis-card,.demand-section,.card,.match-form,.chat-container,.fullscreen-chat,.modal-content,.roadmap-card,.team-card,.support-box,.user-window-card{background:#fff!important;border:1px solid #8b5cf640!important;box-shadow:0 10px 30px #31105c1f!important}[data-theme=dark] .navbar,[data-theme=dark] .nav-buttons,[data-theme=dark] .synopsis-card,[data-theme=dark] .demand-section,[data-theme=dark] .card,[data-theme=dark] .match-form,[data-theme=dark] .chat-container,[data-theme=dark] .fullscreen-chat,[data-theme=dark] .modal-content,[data-theme=dark] .roadmap-card,[data-theme=dark] .team-card,[data-theme=dark] .support-box,[data-theme=dark] .user-window-card{background:#120b24!important;border:1px solid #a78bfa4d!important;box-shadow:0 12px 35px #000000b3!important}}
