*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}:root{--bg-primary:#0a0a0b;--bg-secondary:#18181b;--bg-tertiary:#27272a;--brand-blue-dark:#336998;--brand-blue-light:#4883b5;--brand-blue-accent:#60a5fa;--text-primary:#fafafa;--text-secondary:#e4e4e7;--text-muted:#a1a1aa;--accent-purple:#8b5cf6;--accent-teal:#14b8a6;--accent-orange:#f97316;--accent-red:#f87171;--gradient-hero:linear-gradient(135deg,#4883b5,#336998 50%,#8b5cf6);--gradient-card:linear-gradient(135deg,#4883b51a,#3369980d);--gradient-text:linear-gradient(135deg,#60a5fa,#8b5cf6);--border-color:#ffffff14;--border-hover:#4883b54d;--border-focus:#4883b580;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 16px #0003;--shadow-lg:0 10px 40px #0000004d;--shadow-glow:0 0 20px #4883b526;--shadow-glow-strong:0 0 40px #4883b540;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:40px;--spacing-xl:60px;--spacing-2xl:80px;--spacing-3xl:120px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:40px;--radius-full:9999px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--text-6xl:3.5rem;--text-7xl:4rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.5;--leading-relaxed:1.6;--leading-loose:1.8;--tracking-tighter:-0.05em;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--tracking-wider:0.05em;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--transition-slower:0.5s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:400;--z-popover:500;--z-tooltip:600;--nav-height:70px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1400px}@media (min-width:768px){:root{--spacing-xl:80px;--spacing-2xl:100px;--spacing-3xl:140px}}@media (min-width:1024px){:root{--spacing-3xl:160px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);margin:0;overflow-x:hidden;padding:0}#root,.App{min-height:100vh}.App{width:100%}section[id]{scroll-margin-top:90px}a{color:inherit;text-decoration:none}a:hover{color:var(--brand-blue-light)}button{background:none;border:none;cursor:pointer;font-family:inherit;padding:0}button:disabled{cursor:not-allowed;opacity:.5}ol,ul{list-style:none}img{display:block;height:auto;max-width:100%}input,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}input:focus,select:focus,textarea:focus{outline:none}::selection{background:var(--brand-blue-dark);color:#fff}::-moz-selection{background:var(--brand-blue-dark);color:#fff}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:2px solid var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}*{scrollbar-color:var(--bg-tertiary) var(--bg-secondary);scrollbar-width:thin}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}h1{font-size:var(--text-6xl);font-weight:var(--font-extrabold)}h2{font-size:var(--text-5xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:1em}@media (max-width:768px){h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}}@media (max-width:480px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}}:focus-visible{outline:2px solid var(--brand-blue-light);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.container{margin:0 auto;max-width:var(--container-2xl);padding:0 var(--spacing-lg);width:100%}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.section-spacing{padding:var(--spacing-3xl) 0}.section-spacing-sm{padding:var(--spacing-2xl) 0}.section-spacing-lg{padding:var(--spacing-3xl) 0}@media (max-width:768px){.section-spacing,.section-spacing-lg{padding:var(--spacing-xl) 0}.section-spacing-sm{padding:var(--spacing-lg) 0}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;display:inline-block}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.hidden{display:none}.visible{display:block}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.hidden-mobile{display:none}}@media (min-width:769px){.hidden-desktop{display:none}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-start{align-items:flex-start;display:flex;justify-content:flex-start}.flex-end{align-items:flex-end;display:flex;justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}@keyframes slideInRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .6s ease}.fade-in-up{animation:fadeInUp .8s ease}.slide-in-right{animation:slideInRight .6s ease}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--brand-blue-light);display:inline-block;height:20px;width:20px}.loading-dots{align-items:center;display:inline-flex;gap:4px}.loading-dots span{animation:pulse 1.4s ease-in-out infinite;background:var(--brand-blue-light);border-radius:50%;height:6px;width:6px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.btn{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:var(--font-semibold);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.btn-primary{background:var(--brand-blue-dark);border:1px solid var(--brand-blue-dark);color:#fff}.btn-primary:hover{background:var(--brand-blue-light);border-color:var(--brand-blue-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--brand-blue-dark);color:var(--brand-blue-light)}.badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);display:inline-block;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-xs) var(--spacing-md)}.divider{background:var(--border-color);height:1px;margin:var(--spacing-lg) 0}.navigation{background:#0000;left:0;padding:var(--spacing-md) 0;position:fixed;right:0;top:0;transition:all var(--transition-slow);z-index:var(--z-sticky)}.navigation.scrolled{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0a0bf2;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);padding:var(--spacing-sm) 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--container-2xl);padding:0 var(--spacing-lg)}.nav-logo{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);transition:color var(--transition-base)}.nav-logo:hover{color:var(--brand-blue-light)}.nav-links{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.nav-link{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);padding:var(--spacing-xs) 0;position:relative;text-decoration:none;transition:color var(--transition-base)}.nav-link:after{background:var(--brand-blue-light);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform var(--transition-base)}.nav-link:hover{color:var(--brand-blue-light)}.nav-link:hover:after{transform:scaleX(1)}@media (max-width:768px){.nav-links{display:none}.nav-logo{font-size:var(--text-lg)}.navigation{padding:var(--spacing-sm) 0}.navigation.scrolled{padding:var(--spacing-xs) 0}}@media (max-width:1024px){.nav-links{gap:var(--spacing-md)}.nav-link{font-size:var(--text-xs)}}.hero-section{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-3xl) var(--spacing-lg);padding-top:calc(var(--spacing-3xl) + var(--nav-height));position:relative}.hero-section:before{background:radial-gradient(circle at 50% 0,#4883b51a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-container{margin:0 auto;max-width:1000px;position:relative;text-align:center;z-index:1}.hero-content{animation:fadeInUp .8s ease}.hero-title{font-size:var(--text-6xl);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--spacing-lg)}.hero-break{display:none}.greeting,.intro{color:var(--text-secondary);font-weight:var(--font-normal)}.name-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;display:inline-block;font-weight:var(--font-extrabold)}.hero-subtitle{font-size:var(--text-2xl);margin-bottom:var(--spacing-md)}.occupation-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--brand-blue-light);display:inline-block;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-base)}.occupation-badge:hover{border-color:var(--brand-blue-dark);box-shadow:var(--shadow-glow)}.hero-description{color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin:0 auto var(--spacing-xl);max-width:700px}.hero-interests{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.interest-label{color:var(--text-muted);font-size:var(--text-lg);font-weight:var(--font-medium)}.interest-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.interest-tag{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-secondary);cursor:default;font-size:var(--text-base);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.interest-tag:hover{background:var(--bg-tertiary);border-color:var(--brand-blue-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:1024px){.hero-title{font-size:var(--text-5xl)}}@media (max-width:768px){.hero-section{min-height:auto;padding:var(--spacing-2xl) var(--spacing-md);padding-top:calc(var(--spacing-2xl) + var(--nav-height))}.hero-title{font-size:var(--text-4xl)}.hero-break{display:block}.hero-subtitle{font-size:var(--text-xl)}.hero-description{font-size:var(--text-base)}.interest-tags{flex-direction:column;width:100%}.interest-tag{text-align:center;width:100%}}@media (max-width:480px){.hero-title{font-size:var(--text-3xl)}.occupation-badge{font-size:var(--text-sm);padding:6px var(--spacing-sm)}.interest-label{font-size:var(--text-base)}}.projects-section{background:var(--bg-primary);padding:var(--spacing-3xl) var(--spacing-lg)}.projects-container{margin:0 auto;max-width:var(--container-2xl)}.section-title{color:var(--text-primary);font-size:var(--text-5xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-md)}.section-subtitle{color:var(--text-muted);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin:0 auto;max-width:600px}.projects-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-xl);position:relative;text-decoration:none;transition:all var(--transition-slow)}.project-card.project-display{cursor:default}.project-card.project-display:hover{transform:translateY(-4px)}.project-card.project-display:hover .project-arrow{opacity:0}.project-card:before{background:var(--gradient-card);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity var(--transition-slow)}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-8px)}.project-card:hover:before{opacity:1}.project-card.featured{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);grid-column:span 2}.project-content{flex:1 1;position:relative;z-index:1}.project-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-sm)}.project-description{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-md)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.project-tag{background:#4883b51a;border:1px solid #4883b533;border-radius:var(--radius-sm);color:var(--brand-blue-light);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.05em;padding:6px 12px;text-transform:uppercase;transition:all var(--transition-base)}.project-card:hover .project-tag{background:#4883b533;border-color:var(--brand-blue-light)}.project-arrow{bottom:var(--spacing-lg);color:var(--brand-blue-light);font-size:var(--text-2xl);opacity:0;position:absolute;right:var(--spacing-lg);transform:translateX(-10px);transition:all var(--transition-slow);z-index:1}.project-card:hover .project-arrow{opacity:1;transform:translateX(0)}@media (max-width:1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:900px){.project-card.featured{grid-column:span 1}.projects-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.projects-section{padding:var(--spacing-2xl) var(--spacing-md)}.section-title{font-size:var(--text-4xl)}.section-subtitle{font-size:var(--text-base)}.projects-grid{grid-template-columns:1fr}.project-card{padding:var(--spacing-lg)}}@media (max-width:480px){.section-title{font-size:var(--text-3xl)}.project-title{font-size:var(--text-xl)}.project-description{font-size:var(--text-sm)}.project-arrow{bottom:var(--spacing-md);right:var(--spacing-md)}}#ai-chat{background:var(--bg-primary);padding:var(--spacing-3xl) var(--spacing-lg);position:relative}#ai-chat:before{animation:pulseBackground 8s ease-in-out infinite;background:radial-gradient(circle,#8b5cf60d 0,#0000 60%);content:"";height:800px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:800px}@keyframes pulseBackground{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.ai-chat-wrapper{margin:0 auto;max-width:900px;position:relative;z-index:1}.ai-chat-header{animation:fadeInUp .6s ease;margin-bottom:var(--spacing-2xl);text-align:center}.ai-chat-label{align-items:center;animation:fadeIn .8s ease .2s both;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:var(--radius-lg);color:var(--accent-purple);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-xs);letter-spacing:.05em;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase;transition:all var(--transition-base)}.ai-chat-label:hover{background:#8b5cf626;border-color:#8b5cf64d;transform:translateY(-2px)}.ai-chat-title{color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-sm)}.ai-chat-description{color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed)}.ai-chat-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.suggested-questions{margin-bottom:var(--spacing-lg)}.suggestions-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--spacing-sm)}.suggestions-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.suggestion-chip{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-align:left;transition:all var(--transition-base)}.suggestion-chip:before{background:linear-gradient(90deg,#0000,#4883b51a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.suggestion-chip:hover:before{left:100%}.suggestion-chip:hover{background:var(--bg-primary);border-color:var(--brand-blue-dark);box-shadow:0 4px 12px #4883b526;color:var(--text-primary);transform:translateY(-2px)}.suggestion-chip:active{box-shadow:0 2px 6px #4883b51a;transform:translateY(0)}.conversation-history{margin-bottom:var(--spacing-lg)}.history-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.history-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.clear-history-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--text-xs);gap:var(--spacing-xs);padding:6px 12px;transition:all var(--transition-base)}.clear-history-btn:hover{background:#f871711a;border-color:var(--accent-red);color:var(--accent-red)}.clear-icon{height:14px;width:14px}.messages-container{margin-bottom:var(--spacing-lg);max-height:500px;overflow-y:auto;padding-right:var(--spacing-sm)}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.message{animation:fadeInUp .3s ease;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.message.user{background:#4883b51a;border-color:#4883b533;margin-left:var(--spacing-xl)}.message.assistant{background:var(--bg-tertiary);margin-right:var(--spacing-xl)}.message.error{background:#f871711a;border-color:#f8717133}.message.loading{align-items:center;background:var(--bg-tertiary);border-color:var(--border-color);display:flex;gap:var(--spacing-sm)}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.message-role{font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.message-role,.message-time{color:var(--text-muted);font-size:var(--text-xs)}.message-content{word-wrap:break-word;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.loading-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.loading-text{color:var(--text-muted);font-size:var(--text-sm)}.chat-input-wrapper{align-items:center;display:flex;gap:var(--spacing-sm);position:relative}.input-glow{background:var(--gradient-card);border-radius:var(--radius-md);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.chat-input-wrapper:focus-within .input-glow{opacity:.5}.chat-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:var(--text-base);padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-base);z-index:1}.chat-input:focus{border-color:var(--brand-blue-dark);box-shadow:0 0 0 3px #4883b51a;outline:none}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{cursor:not-allowed;opacity:.5}.send-button{align-items:center;background:var(--brand-blue-dark);border:1px solid var(--brand-blue-dark);border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--spacing-xs);overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-base);z-index:1}.send-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.send-button:hover:not(:disabled):before{left:100%}.send-button:hover:not(:disabled){background:var(--brand-blue-light);border-color:var(--brand-blue-light);box-shadow:0 8px 20px #4883b54d;transform:translateY(-2px)}.send-button:active:not(:disabled){box-shadow:0 4px 10px #4883b533;transform:translateY(0)}.send-button:disabled{cursor:not-allowed;opacity:.5}.send-icon{height:18px;transition:transform var(--transition-base);width:18px}.send-button:hover:not(:disabled) .send-icon{transform:translateX(2px)}.session-info{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--spacing-md);text-align:center}@media (max-width:768px){#ai-chat{padding:var(--spacing-2xl) var(--spacing-md)}.ai-chat-title{font-size:var(--text-3xl)}.ai-chat-container{padding:var(--spacing-lg)}.suggestions-grid{grid-template-columns:1fr}.message.user{margin-left:var(--spacing-sm)}.message.assistant{margin-right:var(--spacing-sm)}.messages-container{max-height:400px}}@media (max-width:480px){.ai-chat-title{font-size:var(--text-2xl)}.ai-chat-container{padding:var(--spacing-md)}.message{padding:var(--spacing-sm)}.chat-input-wrapper{flex-direction:column;gap:var(--spacing-sm)}.send-button{justify-content:center;width:100%}}.math-quote-section{background:var(--bg-primary);overflow:hidden;padding:var(--spacing-2xl) var(--spacing-lg);position:relative}.math-quote-section:before{background:radial-gradient(circle,#4883b50d 0,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.math-quote-container{margin:0 auto;max-width:800px;position:relative;z-index:1}.math-quote-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);opacity:0;overflow:hidden;padding:var(--spacing-2xl);position:relative;text-align:center;transform:translateY(30px);transition:all var(--transition-slow)}.math-quote-card.fade-in{animation:fadeInUp .8s ease-out forwards}.math-quote-card:before{animation:rotateGradient 20s linear infinite;background:radial-gradient(circle,#4883b51a 0,#0000 50%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity var(--transition-slow);width:200%}@keyframes rotateGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.math-quote-card:hover:before{opacity:1}.math-quote-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.quote-icon{animation:pulseIcon 4s ease-in-out infinite;color:var(--brand-blue-dark);font-size:4rem;font-weight:var(--font-light);line-height:1;margin-bottom:var(--spacing-md);opacity:.15;position:relative;z-index:1}@keyframes pulseIcon{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.05)}}.quote-text{color:var(--text-secondary);font-size:var(--text-lg);font-style:italic;line-height:var(--leading-relaxed);margin:0 0 var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:600px;position:relative;z-index:1}.quote-mark{color:var(--brand-blue-dark);font-size:2rem;font-style:normal;line-height:0;opacity:.3;position:relative}.quote-mark.opening{margin-right:.25rem;top:.5rem}.quote-mark.closing{margin-left:.25rem;top:.5rem}.equation-wrapper{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:center;margin:0 auto;max-width:200px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-slow);z-index:1}.equation-wrapper:focus{outline:2px solid var(--brand-blue-dark);outline-offset:2px}.equation-wrapper:after{background:radial-gradient(circle,#4883b533 0,#0000 70%);content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-slow);width:0}.equation-wrapper:hover:after{height:400px;opacity:1;width:400px}.equation-wrapper:hover{background:var(--bg-primary);border-color:var(--border-hover);box-shadow:0 0 30px #4883b526}.equation-img{filter:brightness(1.2) invert(1);height:auto;max-width:120px;position:relative;transition:all var(--transition-slow);width:100%;z-index:1}.equation-img:hover{filter:brightness(1.4) invert(1) drop-shadow(0 0 10px rgba(72,131,181,.3));transform:scale(1.08)}.copy-equation-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.9rem;justify-content:center;min-height:28px;min-width:28px;opacity:0;padding:4px 6px;position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);transform:translateY(-5px);transition:all var(--transition-normal);z-index:10}.equation-wrapper:focus-within .copy-equation-btn,.equation-wrapper:hover .copy-equation-btn{opacity:1;transform:translateY(0)}.copy-equation-btn:hover{background:var(--brand-blue-dark);border-color:var(--brand-blue-dark);transform:scale(1.05)}.copy-equation-btn:active{transform:scale(.95)}.copy-equation-btn:focus{outline:2px solid var(--brand-blue-dark);outline-offset:2px}.copy-icon{display:block;transition:transform var(--transition-fast)}.copy-equation-btn:hover .copy-icon{transform:scale(1.2)}.copy-toast{animation:slideUpFade 2s ease-out forwards;background:var(--brand-blue-dark);border-radius:var(--radius-md);bottom:-50px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:var(--text-sm);font-weight:500;left:50%;padding:var(--spacing-sm) var(--spacing-lg);position:absolute;transform:translateX(-50%);z-index:100}@keyframes slideUpFade{0%{opacity:0;transform:translateX(-50%) translateY(10px)}10%{opacity:1;transform:translateX(-50%) translateY(0)}90%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}@media (max-width:768px){.math-quote-section{padding:var(--spacing-xl) var(--spacing-md)}.math-quote-card{padding:var(--spacing-xl)}.quote-icon{font-size:3rem}.quote-text{font-size:var(--text-base)}.equation-img{max-width:100px}}@media (max-width:480px){.math-quote-card{padding:var(--spacing-lg)}.quote-icon{font-size:2.5rem}.quote-text{font-size:var(--text-sm)}.equation-wrapper{padding:var(--spacing-xs) var(--spacing-sm)}.equation-img{max-width:90px}}.skills-section{background:var(--bg-primary);overflow:hidden;padding:var(--spacing-3xl) var(--spacing-lg);position:relative}.skills-section:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#4883b50d 0,#0000 50%),radial-gradient(circle at 80% 50%,#4883b50d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.skills-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.section-header{margin-bottom:var(--spacing-2xl);opacity:0;text-align:center;transform:translateY(20px)}.section-header.fade-in{animation:fadeInUp .6s ease-out forwards}.title-icon{animation:bounce 2s ease-in-out infinite;display:inline-block;font-size:inherit;margin-right:var(--spacing-sm)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.skills-controls{margin-bottom:var(--spacing-2xl);opacity:0;transform:translateY(20px)}.skills-controls.fade-in{animation:fadeInUp .6s ease-out .2s forwards}.search-container{margin:0 auto var(--spacing-lg);max-width:500px;position:relative}.search-icon{font-size:1.2rem;left:var(--spacing-md);opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.skill-search{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md)*3);transition:all var(--transition-normal);width:100%}.skill-search:focus{border-color:var(--brand-blue-dark);box-shadow:0 0 0 3px #4883b51a;outline:none}.clear-search,.skill-search::placeholder{color:var(--text-secondary);opacity:.6}.clear-search{background:#0000;border:none;cursor:pointer;font-size:1.2rem;padding:var(--spacing-xs);position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.clear-search:hover{color:var(--brand-blue-dark);opacity:1;transform:translateY(-50%) scale(1.2)}.category-filters{flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.category-filters,.filter-btn{align-items:center;display:flex}.filter-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.filter-btn:hover{background:#4883b51a;border-color:var(--brand-blue-dark);transform:translateY(-2px)}.filter-btn.active{background:var(--brand-blue-dark);border-color:var(--brand-blue-dark);box-shadow:0 4px 12px #4883b54d;color:#fff}.filter-icon{font-size:1rem}.skills-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.skill-category{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);opacity:0;overflow:hidden;padding:var(--spacing-xl);position:relative;transform:translateY(30px);transition:all var(--transition-slow)}.skill-category.fade-in-up{animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.skill-category:before{background:linear-gradient(135deg,#4883b51a,#4883b50d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity var(--transition-slow)}.skill-category:hover:before{opacity:1}.skill-category:hover{border-color:var(--brand-blue-dark);box-shadow:0 12px 40px #4883b526;transform:translateY(-8px) scale(1.02)}.category-header{align-items:center;border-bottom:2px solid var(--brand-blue-dark);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);position:relative}.category-icon{animation:rotate3d 3s ease-in-out infinite;font-size:1.5rem}@keyframes rotate3d{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}.category-title{color:var(--text-primary);flex:1 1;font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.skill-count{background:var(--brand-blue-dark);border-radius:var(--radius-full);box-shadow:0 2px 8px #4883b54d;color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);min-width:28px;padding:4px 10px;text-align:center}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.skill-tag{animation:fadeIn .4s ease-out forwards;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:default;font-size:var(--text-sm);font-weight:var(--font-medium);opacity:0;overflow:hidden;padding:var(--spacing-xs) var(--spacing-md);position:relative;transition:all var(--transition-normal)}@keyframes fadeIn{to{opacity:1}}.skill-tag:before{background:#4883b54d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.skill-tag:hover:before{height:200px;width:200px}.skill-tag:hover{background:var(--brand-blue-dark);border-color:var(--brand-blue-dark);box-shadow:0 4px 12px #4883b54d;color:#fff;transform:translateY(-3px) scale(1.05)}.no-results{color:var(--text-secondary);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.no-results-icon{display:block;font-size:4rem;opacity:.3}.no-results p,.no-results-icon{margin-bottom:var(--spacing-lg)}.no-results p{font-size:var(--text-lg)}.clear-search-btn{background:var(--brand-blue-dark);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-normal)}.clear-search-btn:hover{background:var(--brand-blue-light);box-shadow:0 4px 12px #4883b54d;transform:translateY(-2px)}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.category-filters{margin:0 auto;max-width:90%}}@media (max-width:768px){.skills-section{padding:var(--spacing-2xl) var(--spacing-md)}.skills-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.skill-category{padding:var(--spacing-lg)}.category-filters,.search-container{max-width:100%}.filter-btn{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.category-title{font-size:var(--text-lg)}.category-icon{font-size:1.2rem}.skill-tag{font-size:var(--text-xs);padding:6px var(--spacing-sm)}.skill-search{font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-sm)*3)}.filter-btn{min-width:auto}}.footer-section{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:var(--spacing-3xl) var(--spacing-lg)}.footer-container{margin:0 auto;max-width:1200px}.footer-content{margin-bottom:var(--spacing-2xl)}.contact-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 2fr;margin-top:var(--spacing-2xl)}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-xl)}.contact-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.contact-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.contact-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.contact-link{color:var(--brand-blue-light);display:inline-block;font-size:var(--text-lg);text-decoration:none;transition:color var(--transition-base)}.contact-link:hover{color:var(--brand-blue-accent)}.social-links{display:flex;gap:var(--spacing-sm)}.social-link{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-base)}.social-link:hover{background:var(--bg-tertiary);border-color:var(--brand-blue-dark);color:var(--brand-blue-light);transform:translateY(-2px)}.social-link svg{height:20px;width:20px}.contact-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.form-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold)}.form-group,.form-title{margin-bottom:var(--spacing-lg)}.form-label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm)}.form-input,.form-textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);padding:var(--spacing-md);transition:all var(--transition-base);width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--brand-blue-dark);box-shadow:0 0 0 3px #4883b51a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{min-height:120px;resize:vertical}.form-submit{background:var(--brand-blue-dark);border:1px solid var(--brand-blue-dark);border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base);width:100%}.form-submit:hover{background:var(--brand-blue-light);border-color:var(--brand-blue-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.footer-bottom{border-top:1px solid var(--border-color);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);text-align:center}.copyright{color:var(--text-muted);font-size:var(--text-sm);margin:0}@media (max-width:900px){.contact-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.contact-info{order:2}.contact-form{order:1}}@media (max-width:768px){.footer-section{padding:var(--spacing-2xl) var(--spacing-md)}.contact-item{padding:var(--spacing-md)}.contact-form{padding:var(--spacing-lg)}}@media (max-width:480px){.footer-section{padding:var(--spacing-xl) var(--spacing-md)}.form-title{font-size:var(--text-lg)}.social-link{font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-sm)}}@keyframes wave{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}}.wave{animation:wave 2.5s ease-in-out infinite;display:inline-block;margin:0 var(--spacing-xs);transform-origin:70% 70%}
/*# sourceMappingURL=main.b469f4cc.css.map*/