@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0f0d;--bg-secondary: #0f1a14;--bg-card: rgba(16, 32, 22, .6);--bg-glass: rgba(16, 40, 24, .35);--border-subtle: rgba(34, 197, 94, .12);--border-glow: rgba(34, 197, 94, .25);--green-primary: #22c55e;--green-light: #4ade80;--green-bright: #86efac;--green-dim: #166534;--teal-accent: #2dd4bf;--emerald: #10b981;--text-primary: #e8f5e9;--text-secondary: #a5d6a7;--text-muted: #5a8a6a;--user-bubble: rgba(34, 197, 94, .12);--assistant-bubble: rgba(16, 32, 22, .8);--shadow-glow: 0 0 40px rgba(34, 197, 94, .08)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;height:100dvh;width:100%;overflow:hidden;overscroll-behavior:none}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;touch-action:manipulation}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.ambient-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:orbFloat 20s ease-in-out infinite}.ambient-orb:nth-child(1){width:600px;height:600px;background:radial-gradient(circle,rgba(34,197,94,.25),transparent 70%);top:-10%;left:-10%;animation-duration:25s}.ambient-orb:nth-child(2){width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.2),transparent 70%);bottom:-15%;right:-10%;animation-duration:30s;animation-delay:-10s}.ambient-orb:nth-child(3){width:400px;height:400px;background:radial-gradient(circle,rgba(45,212,191,.15),transparent 70%);top:40%;left:50%;animation-duration:22s;animation-delay:-5s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.app-container{position:relative;z-index:1;height:100vh;height:100dvh;display:flex;flex-direction:column;max-width:900px;margin:0 auto;padding:0 20px}.app-header{padding:28px 0 20px;text-align:center;flex-shrink:0;user-select:none;-webkit-user-select:none}.header-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:100px;font-size:12px;font-weight:500;color:var(--green-light);letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInDown .6s ease-out}.header-badge .pulse-dot{width:6px;height:6px;background:var(--green-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.7;box-shadow:0 0 0 6px #22c55e00}}.header-title{font-family:Space Grotesk,sans-serif;font-size:42px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px;animation:fadeInDown .6s ease-out .1s both}.header-title .highlight{background:linear-gradient(135deg,var(--green-primary),var(--teal-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{font-size:15px;color:var(--text-muted);font-weight:300;animation:fadeInDown .6s ease-out .2s both}.header-links{display:flex;gap:10px;justify-content:center;margin-top:16px;animation:fadeInDown .6s ease-out .3s both}.header-link{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:100px;color:var(--text-secondary);font-size:13px;font-weight:400;text-decoration:none;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-link svg{width:14px;height:14px}.header-link:hover{background:#22c55e1f;border-color:var(--border-glow);color:var(--green-light);transform:translateY(-1px);box-shadow:0 4px 16px #22c55e1a}.header-link:active{transform:scale(.96);transition:transform .1s ease}.header-link.resume-link{background:#22c55e14;border-color:#22c55e2e;color:var(--green-light)}.header-link.resume-link:hover{background:#22c55e2e;box-shadow:0 4px 20px #22c55e26}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.logo-marquee-wrapper{flex-shrink:0;padding:8px 0 4px;text-align:center;animation:fadeIn .6s ease-out .35s both;overflow:hidden}.marquee-label{display:block;font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;opacity:.6}.logo-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.logo-marquee-track{display:flex;gap:32px;width:max-content;animation:marqueeScroll 20s linear infinite}.logo-marquee-item{display:flex;align-items:center;gap:8px;flex-shrink:0}.logo-marquee-img{height:24px;max-width:120px;object-fit:contain;filter:brightness(.9) grayscale(.3);opacity:.8;transition:opacity .3s,filter .3s}.logo-marquee-item:hover .logo-marquee-img{opacity:1;filter:brightness(1) grayscale(0)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.suggestions-marquee{flex-shrink:0;overflow:hidden;padding:10px 0 6px;animation:fadeIn .6s ease-out .4s both;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.suggestions-track{display:flex;gap:10px;width:max-content;animation:suggestionsScroll 25s linear infinite}.suggestions-track:hover,.suggestions-track:active{animation-play-state:paused}@keyframes suggestionsScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.suggestion-chip{padding:8px 16px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:100px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;user-select:none;-webkit-user-select:none}.suggestion-chip:hover{background:#22c55e1f;border-color:var(--border-glow);color:var(--green-light);transform:translateY(-1px);box-shadow:0 4px 16px #22c55e1a}.suggestion-chip:active{transform:scale(.95);background:#22c55e2e;transition:transform .1s ease}.chat-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:16px 0;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:var(--green-dim) transparent}.chat-area::-webkit-scrollbar{width:4px}.chat-area::-webkit-scrollbar-thumb{background:var(--green-dim);border-radius:2px}.chat-area::-webkit-scrollbar-track{background:transparent}.chat-message{display:flex;gap:12px;padding:14px 16px;border-radius:16px;animation:messageSlide .35s cubic-bezier(.16,1,.3,1);max-width:100%}@keyframes messageSlide{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-message.user{background:var(--user-bubble);border:1px solid rgba(34,197,94,.08)}.chat-message.assistant{background:transparent}.message-avatar{width:32px;height:32px;min-width:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-top:2px}.chat-message.user .message-avatar{background:#22c55e26;color:var(--green-light)}.chat-message.assistant .message-avatar{background:linear-gradient(135deg,#22c55e33,#2dd4bf33);color:var(--teal-accent)}.message-avatar svg{width:16px;height:16px}.message-content{flex:1;min-width:0}.message-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.message-content p{font-size:14.5px;line-height:1.65;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.chat-message.user .message-content p{color:var(--green-bright)}.typing-indicator{display:flex;gap:5px;padding:4px 0}.typing-indicator span{width:7px;height:7px;background:var(--green-primary);border-radius:50%;opacity:.4;animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.chat-input-wrapper{flex-shrink:0;padding:12px 0 16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.chat-input{display:flex;gap:10px;padding:6px 6px 6px 20px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:100px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color .25s ease,box-shadow .25s ease}.chat-input:focus-within{border-color:var(--border-glow);box-shadow:0 0 0 3px #22c55e0f,var(--shadow-glow)}.chat-input input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-family:Inter,sans-serif;font-size:16px;font-weight:400;padding:10px 0;-webkit-appearance:none;appearance:none;border-radius:0}.chat-input input::placeholder{color:var(--text-muted)}.chat-input button{width:40px;height:40px;min-width:40px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--green-primary),var(--emerald));color:var(--bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-appearance:none;appearance:none}.chat-input button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #22c55e4d}.chat-input button:active:not(:disabled){transform:scale(.92);transition:transform .1s ease}.chat-input button:disabled{opacity:.3;cursor:not-allowed}.chat-input button svg{width:18px;height:18px}.disclaimer{font-size:11px;color:var(--text-muted);text-align:center;margin-top:8px;padding:0 8px 4px;line-height:1.5;opacity:.7}.disclaimer a{color:var(--green-light);text-decoration:none;font-weight:500}.disclaimer a:hover{text-decoration:underline}.welcome-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:20px;animation:fadeIn .8s ease-out;user-select:none;-webkit-user-select:none}.welcome-icon{width:72px;height:72px;border-radius:24px;background:linear-gradient(135deg,#22c55e26,#2dd4bf26);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;animation:floatGentle 6s ease-in-out infinite}.welcome-icon svg{width:32px;height:32px;color:var(--green-light)}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.welcome-text{text-align:center}.welcome-text h2{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.welcome-text p{font-size:14px;color:var(--text-muted);line-height:1.5}.api-key-overlay{position:fixed;inset:0;z-index:100;background:#050a07d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}.api-key-modal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:24px;padding:40px;max-width:440px;width:100%;box-shadow:0 25px 60px #00000080,var(--shadow-glow);animation:modalSlide .4s ease-out}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.api-key-modal h2{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;margin-bottom:8px}.api-key-modal .modal-description{font-size:14px;color:var(--text-muted);line-height:1.5;margin-bottom:24px}.api-key-modal input{width:100%;padding:14px 18px;background:#0a140e99;border:1px solid var(--border-subtle);border-radius:14px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:16px;outline:none;margin-bottom:16px;transition:border-color .2s;-webkit-appearance:none;appearance:none}.api-key-modal input:focus{border-color:var(--border-glow)}.api-key-modal button{width:100%;padding:14px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--green-primary),var(--emerald));color:var(--bg-primary);font-family:Inter,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s}.api-key-modal button:hover:not(:disabled){box-shadow:0 0 30px #22c55e40;transform:translateY(-1px)}.api-key-modal button:disabled{opacity:.4;cursor:not-allowed}.api-key-modal .modal-note{font-size:12px;color:var(--text-muted);text-align:center;margin-top:16px;line-height:1.4}.error-toast{padding:10px 16px;background:#ef44441f;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#fca5a5;font-size:13px;text-align:center;animation:fadeIn .3s ease-out;margin:0 0 8px}@media(max-width:640px){.app-container{padding:0 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.app-header{padding:14px 0 10px}.header-badge{margin-bottom:8px;font-size:10px;padding:5px 12px;gap:6px}.header-title{font-size:26px;margin-bottom:4px}.header-subtitle{font-size:12px;line-height:1.4;padding:0 8px}.header-links{margin-top:10px;gap:6px}.header-link{padding:6px 10px;font-size:11px;gap:4px}.header-link svg{width:12px;height:12px}.logo-marquee-track{gap:24px;animation-duration:15s}.logo-marquee-img{height:20px;max-width:100px}.logo-marquee-name{font-size:12px}.marquee-label{font-size:9px;margin-bottom:8px}.suggestions-marquee{padding:6px 0 4px}.suggestions-track{animation-duration:20s}.suggestion-chip{font-size:13px;padding:10px 16px}.suggestion-chip:hover,.header-link:hover{transform:none;box-shadow:none;background:var(--bg-glass);border-color:var(--border-subtle);color:var(--text-secondary)}.header-link.resume-link:hover{background:#22c55e14;box-shadow:none}.chat-input button:hover:not(:disabled){transform:none;box-shadow:none}.chat-area{padding:10px 0;gap:2px}.chat-area::-webkit-scrollbar{display:none}.chat-message{padding:12px;gap:10px;border-radius:14px}.message-avatar{width:28px;height:28px;min-width:28px;border-radius:8px}.message-avatar svg{width:14px;height:14px}.message-label{font-size:11px;margin-bottom:2px}.message-content p{font-size:14px;line-height:1.55}.chat-input-wrapper{padding:6px 0 8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.chat-input{padding:4px 4px 4px 16px}.chat-input input{font-size:16px;padding:8px 0}.chat-input button{width:36px;height:36px;min-width:36px}.chat-input button svg{width:16px;height:16px}.disclaimer{font-size:10px;margin-top:6px;padding:0 4px 2px}.welcome-container{gap:16px;padding:10px}.welcome-icon{width:56px;height:56px;border-radius:18px}.welcome-icon svg{width:24px;height:24px}.welcome-text h2{font-size:18px}.welcome-text p{font-size:13px}.api-key-modal{padding:28px}.ambient-orb{filter:blur(80px);opacity:.2}.ambient-orb:nth-child(1){width:350px;height:350px}.ambient-orb:nth-child(2){width:300px;height:300px}.ambient-orb:nth-child(3){width:250px;height:250px}}@media(max-width:380px){.header-title{font-size:22px}.header-subtitle{font-size:11px}.header-links{gap:4px}.header-link{padding:5px 8px;font-size:10px}}