@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap);:root{--primary-dark:#1a1a1a;--primary-light:#f5f5f5;--accent-red:#ff5252;--accent-green:#4caf50;--accent-teal:#718f94;--accent-blue:#4f759b;--gray-100:#fafafa;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--text-primary:var(--primary-dark);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--text-inverse:var(--primary-light);--bg-primary:var(--primary-light);--bg-secondary:var(--gray-100);--bg-tertiary:var(--gray-200);--bg-inverse:var(--primary-dark);--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono","Source Code Pro",monospace;--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:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--text-9xl:8rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--radius-sm:0.125rem;--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060;--z-toast:1070;--border-primary:var(--gray-300);--border-secondary:var(--gray-200);--border-muted:var(--gray-100)}[data-theme=dark]{--text-primary:var(--primary-light);--text-secondary:var(--gray-300);--text-muted:var(--gray-400);--text-inverse:var(--primary-dark);--bg-primary:var(--primary-dark);--bg-secondary:var(--gray-900);--bg-tertiary:var(--gray-800);--bg-inverse:var(--primary-light);--border-primary:var(--gray-700);--border-secondary:var(--gray-800);--border-muted:var(--gray-900)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--bg-primary);color:#1a1a1a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);line-height:1.6;transition:color .25s ease,background-color .25s ease;transition:color var(--transition-base),background-color var(--transition-base)}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-base{font-size:1rem;font-size:var(--text-base)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--text-3xl)}.text-4xl{font-size:2.25rem;font-size:var(--text-4xl)}.text-5xl{font-size:3rem;font-size:var(--text-5xl)}.text-6xl{font-size:3.75rem;font-size:var(--text-6xl)}.text-7xl{font-size:4.5rem;font-size:var(--text-7xl)}.text-8xl{font-size:6rem;font-size:var(--text-8xl)}.text-9xl{font-size:8rem;font-size:var(--text-9xl)}.font-mono{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-family:var(--font-mono)}.text-primary{color:#1a1a1a;color:var(--text-primary)}.text-secondary{color:#525252;color:var(--text-secondary)}.text-muted{color:#737373;color:var(--text-muted)}.text-accent{color:#ff5252;color:var(--accent-red)}.text-teal{color:#718f94;color:var(--accent-teal)}.text-blue{color:#4f759b;color:var(--accent-blue)}.container{margin:0 auto;padding:0 1.5rem;padding:0 var(--space-6);width:100%}.container-sm{margin:0 auto;max-width:768px}.container-md{margin:0 auto;max-width:1024px}.container-lg{margin:0 auto;max-width:1280px}.container-xl{margin:0 auto;max-width:1600px}.grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.gap-8{gap:2rem;gap:var(--space-8)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.px-4{padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4)}.py-4{padding-bottom:1rem;padding-bottom:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.py-8{padding-bottom:2rem;padding-bottom:var(--space-8);padding-top:2rem;padding-top:var(--space-8)}.py-16{padding-bottom:4rem;padding-bottom:var(--space-16);padding-top:4rem;padding-top:var(--space-16)}.py-20{padding-bottom:5rem;padding-bottom:var(--space-20);padding-top:5rem;padding-top:var(--space-20)}.py-24{padding-bottom:6rem;padding-bottom:var(--space-24);padding-top:6rem;padding-top:var(--space-24)}.m-4{margin:1rem;margin:var(--space-4)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.mb-12{margin-bottom:3rem;margin-bottom:var(--space-12)}.rounded{border-radius:.25rem;border-radius:var(--radius)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1rem;border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}.bg-primary{background-color:#f5f5f5;background-color:var(--bg-primary)}.bg-secondary{background-color:#fafafa;background-color:var(--bg-secondary)}.bg-accent{background-color:#ff5252;background-color:var(--accent-red)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:500;justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .25s ease;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background-color:#ff5252;background-color:var(--accent-red);color:#fff}.btn-primary:hover{background-color:#e03e3e;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background-color:initial;border:2px solid #1a1a1a;border:2px solid var(--text-primary);color:#1a1a1a;color:var(--text-primary)}.btn-secondary:hover{background-color:#1a1a1a;background-color:var(--text-primary);color:#f5f5f5;color:var(--bg-primary)}.link{color:#ff5252;color:var(--accent-red);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}.link:hover{color:#4f759b;color:var(--accent-blue);text-decoration:underline}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--space-4)}.grid-cols-2,.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.text-4xl{font-size:1.875rem;font-size:var(--text-3xl)}.text-5xl{font-size:2.25rem;font-size:var(--text-4xl)}.text-6xl{font-size:3rem;font-size:var(--text-5xl)}}@media (min-width:769px) and (max-width:1024px){.container{padding:0 1.25rem;padding:0 var(--space-5)}.grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1025px){.container{padding:0 2rem;padding:0 var(--space-8)}}@media (min-width:1920px){.container{padding:0 3rem;padding:0 var(--space-12)}html{font-size:18px}}@media print{.no-print{display:none!important}}.App{min-height:100vh;overflow-x:hidden}.loading-container{align-items:center;background:var(--background-primary);display:flex;justify-content:center;min-height:100vh}.loading-spinner{text-align:center}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--accent-color-muted);border:4px solid var(--accent-color-muted);border-radius:50%;border-top-color:var(--accent-color);height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:var(--text-primary);font-size:1rem;margin-top:1rem}.navigation{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#f5f5f5f2;border-bottom:1px solid #1a1a1a1a;left:0;position:fixed;right:0;top:0;transition:all var(--transition-base);z-index:var(--z-fixed)}[data-theme=dark] .navigation{background-color:#1a1a1af2;border-bottom-color:#f5f5f51a}.navigation.scrolled{background-color:#f5f5f5fa;box-shadow:var(--shadow-sm)}[data-theme=dark] .navigation.scrolled{background-color:#1a1a1afa}.nav-container{max-width:1200px}.theme-toggle{align-items:center;border-radius:var(--radius-md);color:var(--text-primary);display:flex;justify-content:center;transition:all var(--transition-fast)}.theme-toggle:hover{transform:scale(1.1)}.mobile-menu-toggle{align-items:center;border-radius:var(--radius-md);gap:3px;height:30px;justify-content:center;transition:background-color var(--transition-fast);width:30px}.mobile-menu-toggle:hover{background-color:var(--bg-secondary)}.mobile-menu-toggle span{transition:all var(--transition-fast)}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav{border-top:1px solid var(--border-primary);left:0;position:absolute;right:0;top:100%}.mobile-nav-content{padding:var(--space-4) 0}.mobile-nav-link{border-left:3px solid #0000;color:var(--text-secondary);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.mobile-nav-link:hover{background-color:var(--bg-secondary);border-left-color:var(--accent-red);color:var(--text-primary);transform:translateX(5px)}@media (max-width:768px){.desktop-nav,.nav-links{display:none}.mobile-menu-toggle{display:flex}.nav-container{padding:0 var(--space-4)}}@media (max-width:480px){.nav-container{height:60px;padding:0 var(--space-3)}.nav-logo a{font-size:var(--text-lg)}}.nav-container{height:70px;justify-content:space-between;margin:0 auto;padding:0 var(--space-6)}.nav-container,.nav-logo a{align-items:center;display:flex}.nav-logo a{font-size:var(--text-xl);font-weight:600;text-decoration:none}.logo-text,.nav-logo a{color:var(--text-primary)}.logo-dot{color:var(--accent-red)}.desktop-nav,.nav-links{align-items:center;display:flex;gap:var(--space-8)}.nav-link{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) 0;position:relative;text-decoration:none;transition:color var(--transition-fast)}.nav-link:hover{color:var(--text-primary)}.nav-link:after{background-color:var(--accent-red);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}.nav-link:hover:after{width:100%}.nav-actions{align-items:center;display:flex;gap:var(--space-4)}.theme-toggle{background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-lg);padding:var(--space-2);transition:background-color var(--transition-fast)}.theme-toggle:hover{background-color:var(--bg-secondary)}.mobile-menu-toggle{background:none;border:none;border-radius:var(--radius);cursor:pointer;display:none;flex-direction:column;gap:4px;padding:var(--space-2)}.mobile-menu-toggle span{background-color:var(--text-primary);height:2px;transform-origin:center;transition:all var(--transition-base);width:20px}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(4px,4px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.desktop-nav{display:flex}.mobile-nav{background-color:var(--bg-primary);border-top:1px solid #1a1a1a1a;display:none;overflow:hidden}[data-theme=dark] .mobile-nav{border-top-color:#f5f5f51a}.mobile-nav-content{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.mobile-nav-link{border-bottom:1px solid var(--bg-secondary);color:var(--text-primary);font-size:var(--text-base);font-weight:500;padding:var(--space-3) 0;text-decoration:none}.mobile-nav-link:last-child{border-bottom:none}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.mobile-nav{display:block}.nav-container{padding:0 var(--space-4)}}@media (max-width:480px){.nav-container{height:60px}.nav-logo a{font-size:var(--text-lg)}}@media (min-width:1025px){.nav-container{padding:0 var(--space-8)}}@media (min-width:1920px){.nav-container{padding:0 var(--space-12)}}.terminal-code-container{align-items:center;display:flex;height:100%;justify-content:center;min-height:400px;position:relative;width:100%}.terminal-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0d0df2;border:1px solid #ffffff1a;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff0d;font-family:JetBrains Mono,Fira Code,Consolas,monospace;max-width:90vw;overflow:hidden;transition:all .3s ease;width:650px}[data-theme=light] .terminal-container{background:#f8f8f8f2;border:1px solid #0000001a;box-shadow:0 20px 40px #0000001a,0 0 0 1px #0000000d}.terminal-header{align-items:center;background:#141414cc;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);transition:all .3s ease}[data-theme=light] .terminal-header{background:#f0f0f0e6;border-bottom:1px solid #0000001a}.terminal-controls{display:flex;gap:var(--space-2)}.terminal-control{border:none;border-radius:50%;cursor:pointer;height:12px;outline:none;transition:all .2s ease;width:12px}.terminal-control:hover{box-shadow:0 2px 8px #0000004d;transform:scale(1.1)}.terminal-control:active{transform:scale(.95)}.terminal-control.close{background:#ff5f57}.terminal-control.close:hover:after{color:#000c;content:"×";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.terminal-control.minimize{background:#ffbd2e}.terminal-control.minimize:hover:after{color:#000c;content:"⛶";font-size:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.terminal-control.maximize{background:#28ca42}.terminal-control.maximize:hover:after{color:#000c;content:"▶";font-size:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.terminal-control.maximize:disabled{background:#28ca42;cursor:not-allowed;opacity:.5;transform:none}.terminal-control.maximize:disabled:hover{box-shadow:none;transform:none}.terminal-control.maximize:disabled:hover:after{content:""}.terminal-title{color:#ffffffb3;font-size:var(--text-sm);font-weight:500;transition:color .3s ease}[data-theme=light] .terminal-title{color:#000000b3}.terminal-body{background:#080808e6;cursor:text;max-height:400px;min-height:300px;overflow-y:auto;padding:var(--space-4);transition:all .3s ease}[data-theme=light] .terminal-body{background:#ffffffe6}.terminal-code-container.fullscreen .terminal-body{max-height:none}.terminal-prompt{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--space-1);margin-bottom:var(--space-3)}.prompt-user{color:var(--accent-green);font-weight:600}.prompt-separator{color:#ffffff80;transition:color .3s ease}[data-theme=light] .prompt-separator{color:#00000080}.prompt-host{color:#80808080}[data-theme=light] .prompt-host{color:#29292980}.prompt-path{color:var(--accent-blue);font-weight:500}.prompt-symbol{color:#fffc;font-weight:600;margin-left:var(--space-1);transition:color .3s ease}[data-theme=light] .prompt-symbol{color:#000c}.terminal-line{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--space-3);line-height:1.6;margin-bottom:var(--space-2);min-height:24px}.line-number{color:#fff6;font-size:var(--text-xs);font-weight:500;text-align:right;transition:color .3s ease;-webkit-user-select:none;user-select:none;width:24px}[data-theme=light] .line-number{color:#0006}.code-content{color:#ffffffe6;flex:1 1;font-family:inherit;transition:color .3s ease}[data-theme=light] .code-content{color:#000000e6}.cursor{color:var(--accent-green);font-weight:700;margin-left:1px}.terminal-line.completion{border-top:1px solid #ffffff1a;margin-top:var(--space-4);padding-top:var(--space-3);transition:border-color .3s ease}[data-theme=light] .terminal-line.completion{border-top:1px solid #0000001a}.completion-text{align-items:center;color:var(--accent-green);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2)}.ai-orb{background:radial-gradient(circle,var(--accent-green) 0,var(--accent-blue) 100%);border-radius:50%;filter:blur(30px);height:150px;opacity:.6;position:absolute;right:-3%;top:10%;transform:translateY(-50%);transition:all .3s ease;width:150px;z-index:-1}[data-theme=light] .ai-orb{background:radial-gradient(circle,var(--accent-red) 0,var(--accent-blue) 100%);opacity:.4}@media (max-width:1024px){.terminal-container{width:500px}.ai-orb{height:120px;right:-10%;width:120px}}@media (max-width:768px){.terminal-container{margin:0 var(--space-4);width:90vw}.terminal-header{padding:var(--space-2) var(--space-3)}.terminal-body{padding:var(--space-3)}.terminal-line{font-size:var(--text-xs)}.ai-orb{display:none}}@media (max-width:480px){.terminal-code-container{min-height:300px}.terminal-container{margin:0 var(--space-2);width:95vw}.terminal-controls{gap:var(--space-1)}.terminal-control{height:10px;width:10px}}.terminal-code-container.fullscreen{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;position:fixed;right:0;top:0;z-index:9999}.terminal-code-container.fullscreen .terminal-container{border-radius:var(--radius-xl);box-shadow:0 40px 80px #00000080,0 0 0 1px #ffffff1a;height:80vh;max-height:none;max-width:1200px;width:90vw}.terminal-code-container.fullscreen .terminal-body{height:calc(100% - 60px);overflow-y:auto;padding:var(--space-6)}.fullscreen-overlay{background:#000c;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:9998}[data-theme=light] .terminal-code-container.fullscreen{background:#fffffff2}[data-theme=light] .fullscreen-overlay{background:#ffffffe6}.terminal-control{position:relative}.terminal-control:before{background:#000000e6;border-radius:4px;bottom:-35px;color:#fff;content:attr(title);font-size:10px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .2s ease;white-space:nowrap;z-index:1000}.terminal-control:hover:before{bottom:-30px;opacity:1}[data-theme=light] .terminal-control:before{background:#000c;color:#fff}.terminal-input-line{align-items:center;display:flex;flex-wrap:nowrap;font-size:var(--text-sm);gap:var(--space-1);margin-bottom:var(--space-3)}.terminal-line.command,.terminal-line.output{margin-bottom:var(--space-1)}.terminal-line.output{padding-left:var(--space-6)}.terminal-line.current-input{flex-wrap:wrap;gap:var(--space-1);margin-bottom:0}.input-container,.terminal-line.current-input{align-items:center;display:flex;position:relative}.input-container{flex:1 1}.command-text{color:#ffffffe6;font-family:inherit;margin-left:var(--space-2)}.command-output{scrollbar-width:none}[data-theme=light] .command-text{color:#000000e6}.output-text{word-wrap:break-word;color:#fffc;font-family:inherit;line-height:1.5}[data-theme=light] .output-text{color:#000c}.terminal-input{background:#0000;border:none;caret-color:#0f0;color:#ffffffe6;flex:1 1;font-family:inherit;font-size:inherit;margin-left:var(--space-1);min-width:0;outline:none}.terminal-input::placeholder{color:#fff6;font-style:italic}[data-theme=light] .terminal-input{color:#000000e6}[data-theme=light] .terminal-input::placeholder{color:#0006}.terminal-input::selection{background:var(--accent-blue);color:#fff}.suggestions-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--code-bg);border:1px solid var(--accent-green);border-radius:6px;box-shadow:0 8px 24px #0000004d;display:flex;flex-wrap:wrap;gap:var(--space-2);left:0;margin-top:4px;max-height:200px;overflow-y:auto;padding:var(--space-2);position:absolute;right:0;top:100%;z-index:1000}[data-theme=light] .suggestions-dropdown{background:#fffffff2;border-color:var(--accent-blue);box-shadow:0 8px 24px #0000001a}.suggestion-item{border-radius:4px;cursor:pointer;display:inline-block;font-family:Fira Code,Consolas,Monaco,monospace;font-size:var(--text-sm);padding:4px 8px;transition:background-color .2s ease;white-space:nowrap}.suggestion-item.active,.suggestion-item:hover{background:#00ff001a}[data-theme=light] .suggestion-item.active,[data-theme=light] .suggestion-item:hover{background:#0064ff1a}.suggestion-text{color:var(--accent-green);font-family:Fira Code,Consolas,Monaco,monospace;font-weight:500}[data-theme=light] .suggestion-text{color:var(--accent-blue)}.suggestion-hint{color:#fff9;font-size:.75em;font-style:italic}[data-theme=light] .suggestion-hint{color:#0009}.interactive-prompt{border-top:1px solid #ffffff1a;margin-top:var(--space-4);padding-top:var(--space-3)}[data-theme=light] .interactive-prompt{border-top:1px solid #0000001a}.switch-mode-btn{background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);transition:all .3s ease}.switch-mode-btn:hover{box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.switch-mode-btn:active{transform:translateY(0)}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.terminal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=light] .terminal-body::-webkit-scrollbar-track{background:#0000000d}[data-theme=light] .terminal-body::-webkit-scrollbar-thumb{background:#0003}[data-theme=light] .terminal-body::-webkit-scrollbar-thumb:hover{background:#0000004d}.terminal-line.command{animation:slideInLeft .3s ease-out}.terminal-line.output{animation:slideInLeft .2s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.loading-dots:after{animation:dots 1.5s infinite;content:""}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.hero{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-left:5vw;padding-right:5vw;padding-top:70px;position:relative}.hero:before{background:radial-gradient(circle at 30% 50%,#718f941a 0,#0000 50%),radial-gradient(circle at 70% 20%,#4f759b1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{grid-gap:var(--space-20);align-items:center;display:grid;gap:var(--space-20);grid-template-columns:1fr 1fr;padding:var(--space-20) var(--space-8);position:relative;width:100%;z-index:2}.hero-text{display:flex;flex-direction:column;gap:var(--space-6)}.hero-title{color:var(--text-primary);font-size:var(--text-6xl);font-weight:700;line-height:1.1;margin:0}.hero-title .text-accent{color:var(--accent-red);position:relative}.hero-title .text-accent:after{background:linear-gradient(90deg,var(--accent-red),var(--accent-blue));border-radius:2px;bottom:-4px;content:"";height:3px;left:0;position:absolute;width:100%}.hero-subtitle{color:var(--text-secondary);font-size:var(--text-2xl);font-weight:500;margin:0}.hero-description{color:var(--text-muted);font-size:var(--text-lg);line-height:1.7;margin:0}.hero-cta{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.hero-visual{height:500px;justify-content:center;position:relative}.hero-visual,.scroll-indicator{align-items:center;display:flex}.scroll-indicator{bottom:var(--space-8);cursor:pointer;flex-direction:column;gap:var(--space-2);left:50%;position:absolute;transform:translateX(-50%)}.scroll-line{background:var(--accent-red);border-radius:1px;height:30px;width:2px}.scroll-text{color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);text-orientation:mixed;writing-mode:vertical-lr}@media (max-width:1024px){.hero-content{gap:var(--space-16);grid-template-columns:1fr;text-align:center}.hero-title{font-size:var(--text-5xl)}.hero-visual{height:350px}.hero-code{display:none}.hero-cta{align-self:center}.scroll-indicator{bottom:var(--space-20)}}@media (max-width:768px){.hero{min-height:100vh;padding-top:70px}.hero-content{gap:var(--space-12);padding:var(--space-16) var(--space-4)}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-xl)}.hero-description{font-size:var(--text-base)}.hero-cta{align-items:center;flex-direction:column}.hero-cta .btn{max-width:250px;width:100%}.hero-visual{height:250px}.scroll-indicator{display:none}}@media (max-width:480px){.hero-title{font-size:var(--text-3xl)}.hero-content{padding:var(--space-12) var(--space-4)}.scroll-indicator{bottom:var(--space-40)}}.btn:hover{transform:translateY(-2px);transition:all var(--transition-base)}@media (min-width:1920px){.hero-content{padding:var(--space-20) var(--space-12)}.hero-title{font-size:var(--text-7xl)}.hero-subtitle{font-size:var(--text-3xl)}.hero-description{font-size:var(--text-xl)}.hero-visual{height:600px}}.about{align-items:center;background-color:var(--bg-primary);display:flex;min-height:100vh;padding:var(--space-24) 0}.about-container{margin:0 auto;max-width:80vw;padding:0 var(--space-3)}.about-content{display:flex;flex-direction:column;gap:var(--space-16)}.about-main-content{grid-gap:var(--space-16);align-items:start;display:grid;gap:var(--space-16);grid-template-columns:2fr 1fr}.section-header{margin-bottom:var(--space-8)}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-red) 0,var(--accent-blue) 100%);-webkit-background-clip:text;background-clip:text;font-weight:700}.section-line{background:linear-gradient(90deg,var(--accent-red) 0,var(--accent-blue) 100%);border-radius:var(--radius-full);height:4px}.about-text,.about-text-section{display:flex;flex-direction:column}.about-text{gap:var(--space-6)}.about-paragraph{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.8;margin:0}.about-paragraph.italic{font-style:italic;padding-left:var(--space-4);position:relative}.about-paragraph.italic:before{background:var(--accent-red);border-radius:var(--radius-full);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.company-highlight{color:var(--accent-blue);font-weight:600}.about-side-content{display:flex;flex-direction:column;gap:var(--space-8);position:sticky;top:100px}.subtitle-sections{display:flex;flex-direction:column;gap:var(--space-6)}.skills-section-subtle{background:#0000;border:none;border-radius:var(--radius-xl);padding:var(--space-4)}.skills-pills{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.skill-pill{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:inline-block;font-size:var(--text-sm);font-weight:500;padding:var(--space-4) var(--space-6);transition:all var(--transition-base)}.skill-pill:hover{border-color:var(--accent-red);box-shadow:var(--shadow-md);transform:translateY(-2px)}.separator-line{background:var(--border-primary);height:1px;margin:var(--space-4) 0}.fun-facts-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:var(--radius-xl);padding:var(--space-6)}.fun-facts-pills{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.fun-fact-pill{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:500;padding:var(--space-4) var(--space-5);transition:all var(--transition-base)}.fun-fact-pill:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-separator{border-top:1px solid var(--border-primary)}@media (max-width:1024px){.about-main-content{gap:var(--space-12);grid-template-columns:1fr}.about-side-content{position:static}}@media (max-width:768px){.about{padding:var(--space-16) 0}.about-container{padding:0 var(--space-4)}.about-content{gap:var(--space-12)}.section-title{font-size:var(--text-3xl)}.about-paragraph{font-size:var(--text-base)}}@media (max-width:480px){.about-container{padding:0 var(--space-3)}.section-title{font-size:var(--text-2xl)}.fun-facts-section,.skills-section-subtle{padding:var(--space-4)}}.projects{align-items:center;background-color:var(--bg-primary);display:flex;min-height:100vh;padding:var(--space-24) 0}.projects-container{margin:0 auto;padding:0 var(--space-6)}.section-header{text-align:center}.section-line{margin:0 auto var(--space-4)}.section-subtitle{color:var(--text-secondary);font-size:var(--text-lg);font-weight:400}.projects-content{margin:0 auto;max-width:1600px}.projects-note p{color:var(--text-secondary);font-size:var(--text-lg);font-style:italic;line-height:1.6}.highlight{color:var(--accent-red);font-style:normal;font-weight:600}.projects-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--space-16)}.project-card{background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-2xl);cursor:pointer;display:flex;flex-direction:column;height:100%;padding:var(--space-6);transition:all var(--transition-base)}.project-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.project-icon,.project-image{align-items:center;display:flex;justify-content:center}.project-icon{background:linear-gradient(135deg,var(--bg-primary),var(--bg-tertiary));border:1px solid var(--bg-tertiary);border-radius:var(--radius-xl);font-size:var(--text-2xl);height:60px;width:60px}.project-meta{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-2)}.project-status{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:var(--space-1) var(--space-3);text-transform:uppercase}.status-live{background-color:#22c55e33;border:1px solid #22c55e4d;color:#16a34a}.status-development{background-color:#ffc10733;border:1px solid #ffc1074d;color:#d97706}.status-research{background-color:#8b45db33;border:1px solid #8b45db4d;color:#8b5cf6}.status-completed{background-color:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.project-category{background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:var(--radius);color:var(--text-muted);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.project-content{display:flex;flex:1 1;flex-direction:column}.project-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:600;line-height:1.3;margin-bottom:var(--space-3)}.project-description{color:var(--text-secondary);flex:1 1;font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-4)}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tech-tag{background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:var(--radius);color:var(--text-primary);font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.tech-tag:hover{background-color:var(--accent-red);border-color:var(--accent-red);color:#fff}.project-footer{border-top:1px solid var(--bg-tertiary);margin-top:auto;padding-top:var(--space-4)}.project-link{align-items:center;background:none;border:none;color:var(--accent-red);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:600;justify-content:space-between;padding:var(--space-2) 0;transition:all var(--transition-fast);width:100%}.project-link:hover{color:var(--accent-blue)}.link-arrow{transition:transform var(--transition-fast)}.project-card:hover .link-arrow{transform:translateX(4px)}.projects-footer{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--bg-tertiary);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center}.update-note{color:var(--text-secondary);font-size:var(--text-base);font-style:italic;line-height:1.6;margin-bottom:var(--space-6)}.demo-credentials{background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-6)}.demo-credentials h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.credentials{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.credentials span{background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}@media (max-width:768px){.projects{padding:var(--space-16) 0}.section-title{font-size:var(--text-3xl)}.projects-grid{gap:var(--space-6);grid-template-columns:1fr}.project-card{padding:var(--space-4)}.project-header{flex-direction:column}.project-header,.project-meta{align-items:flex-start;gap:var(--space-3)}.project-meta{flex-direction:row}.project-title{font-size:var(--text-lg)}.projects-note p{font-size:var(--text-base)}.credentials{align-items:center;flex-direction:column}}@media (max-width:480px){.projects-grid{grid-template-columns:1fr}.project-card{padding:var(--space-3)}.project-icon{font-size:var(--text-xl);height:50px;width:50px}.project-title{font-size:var(--text-base)}.project-description{font-size:var(--text-sm)}.projects-footer{padding:var(--space-6)}.demo-credentials{padding:var(--space-4)}}@media (min-width:769px) and (max-width:1024px){.projects-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:1025px) and (max-width:1919px){.projects-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width:1920px){.section-title{font-size:var(--text-5xl)}.projects-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-title{font-size:var(--text-2xl)}.project-description{font-size:var(--text-lg)}.projects-note p{font-size:var(--text-xl)}}.contact{align-items:center;background-color:var(--bg-secondary);display:flex;min-height:100vh;padding:var(--space-24) 0}.contact-container{margin:0 auto;padding:0 var(--space-6)}.contact-content{margin:0 auto;max-width:1200px;text-align:center}.section-header{margin-bottom:var(--space-16)}.section-title{color:var(--text-primary);font-size:var(--text-4xl);font-weight:300;margin-bottom:var(--space-4)}.section-line{background-color:var(--accent-red);height:2px;margin:0 auto;width:60px}.contact-intro{margin-bottom:var(--space-12)}.contact-headline{color:var(--text-primary);font-size:var(--text-2xl);font-weight:400;line-height:1.3;margin-bottom:var(--space-6)}.contact-description{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:800px}.contact-cta{margin-bottom:var(--space-16)}.contact-primary-btn{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.social-links{margin-bottom:var(--space-16)}.social-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:400;margin-bottom:var(--space-8)}.social-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px}.social-item{align-items:center;background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);text-align:left;transition:all var(--transition-base)}.social-item:hover{background-color:var(--bg-tertiary);box-shadow:var(--shadow-md)}.social-icon{align-items:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--bg-tertiary);border-radius:var(--radius-xl);display:flex;font-size:var(--text-2xl);height:50px;justify-content:center;width:50px}.social-info{flex:1 1}.social-name{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.social-label{color:var(--text-secondary);font-size:var(--text-sm)}.social-arrow{color:var(--accent-red);font-size:var(--text-lg);transition:transform var(--transition-fast)}.social-item:hover .social-arrow{transform:translateX(4px)}.contact-footer{border-top:1px solid var(--bg-tertiary);padding-top:var(--space-8)}.location-info{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center}.location-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-base);gap:var(--space-2)}.location-icon{font-size:var(--text-lg)}.location-text{font-weight:500}@media (max-width:768px){.contact{padding:var(--space-16) 0}.section-title{font-size:var(--text-3xl)}.contact-headline{font-size:var(--text-xl)}.contact-description,.contact-primary-btn{font-size:var(--text-base)}.contact-primary-btn{padding:var(--space-3) var(--space-6)}.social-grid{gap:var(--space-3);grid-template-columns:1fr}.social-item{padding:var(--space-3)}.social-icon{font-size:var(--text-xl);height:40px;width:40px}.location-info{flex-direction:column;gap:var(--space-4)}}@media (max-width:480px){.contact-container{padding:0 var(--space-4)}.section-title{font-size:var(--text-2xl)}.contact-headline{font-size:var(--text-lg)}.contact-description{font-size:var(--text-sm)}.social-grid{grid-template-columns:1fr}.social-item{gap:var(--space-3)}.social-name{font-size:var(--text-sm)}.social-label{font-size:var(--text-xs)}}@media (min-width:1920px){.section-title{font-size:var(--text-5xl)}.contact-headline{font-size:var(--text-3xl)}.contact-description{font-size:var(--text-xl)}.social-grid{grid-template-columns:repeat(2,1fr);max-width:800px}}.footer{border-top:1px solid #f5f5f51a;margin-top:2rem;padding:2rem 0 1rem;position:relative;width:100vw}.footer,[data-theme=dark] .footer{background-color:#1a1a1a;color:#f5f5f5}[data-theme=dark] .footer{border-top-color:#f5f5f51a}[data-theme=light] .footer{background-color:#f5f5f5;border-top-color:#1a1a1a1a;color:#1a1a1a}.footer-container{box-sizing:border-box;margin:0 auto;padding:2rem;width:100%}.footer-content{display:flex;flex-direction:column;gap:1.5rem;padding:0 2rem}.footer-main{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.footer-brand{max-width:300px}.footer-logo{align-items:center;cursor:pointer;display:flex;font-size:1.5rem;font-weight:600;margin-bottom:1rem;transition:all .25s ease;width:fit-content}.logo-text{color:#f5f5f5}[data-theme=light] .logo-text{color:#1a1a1a}.logo-dot{color:#ff5252;margin-left:2px}.footer-tagline{color:#a3a3a3;font-size:1rem;line-height:1.6}[data-theme=light] .footer-tagline{color:#525252}.footer-location{color:#718f94;font-weight:500}.footer-links{display:flex;justify-content:flex-end}.footer-section{width:100%}.footer-section-title{color:#f5f5f5;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}[data-theme=light] .footer-section-title{color:#1a1a1a}.footer-social{display:flex;flex-wrap:wrap;gap:1rem}.footer-social-link{align-items:center;border-radius:.25rem;color:#a3a3a3;display:inline-flex;font-size:.875rem;padding:.25rem .5rem;text-decoration:none;transition:all .25s ease}[data-theme=light] .footer-social-link{color:#525252}.footer-social-link:hover{background-color:#ff52521a;color:#ff5252}.social-name{font-weight:500}.footer-bottom{align-items:center;border-top:1px solid #f5f5f51a;display:flex;justify-content:flex-start;padding-top:1rem}[data-theme=light] .footer-bottom{border-top-color:#1a1a1a1a}.footer-credits{display:flex;flex-direction:column;gap:.25rem}.copyright{color:#737373;font-size:.875rem;margin:0}.design-credit{color:#525252;font-size:.75rem;margin:0}.design-credit a{color:#718f94;text-decoration:none;transition:color .25s ease}.design-credit a:hover{color:#4f759b;text-decoration:underline}@media (max-width:768px){.footer{left:50%;margin-left:-50vw;margin-right:-50vw;padding:2rem 0 1.5rem;position:relative;right:50%;width:100vw}.footer-container{max-width:100%;padding:0}.footer-content{padding:0 1rem}.footer-main{gap:1.5rem;grid-template-columns:1fr;text-align:center}.footer-brand{max-width:100%}.footer-links,.footer-social{justify-content:center}.footer-social{gap:.75rem}.footer-bottom{flex-direction:column;gap:1rem;justify-content:center;text-align:center}}@media (max-width:480px){.footer{left:50%;margin-left:-50vw;margin-right:-50vw;padding:1.5rem 0 1rem;position:relative;right:50%;width:100vw}.footer-container{max-width:100%;padding:0}.footer-content{gap:1rem;padding:0 1rem}.footer-main{gap:1rem}.footer-logo{font-size:1.25rem;justify-content:center}.footer-tagline{font-size:.875rem}.footer-section-title{font-size:1rem;margin-bottom:.5rem}.footer-social{gap:.5rem}.footer-social-link{font-size:.75rem;padding:.2rem .4rem}.footer-bottom{gap:.75rem;padding-top:1rem}.copyright{font-size:.8rem}.design-credit{font-size:.7rem}}@media (max-width:360px){.footer{left:50%;margin-left:-50vw;margin-right:-50vw;padding:1.5rem 0 1rem;position:relative;right:50%;width:100vw}.footer-container{max-width:100%;padding:0}.footer-content{padding:0 .75rem}.footer-social{flex-wrap:wrap;gap:.4rem}.footer-social-link{font-size:.7rem;padding:.15rem .3rem}.footer-logo{font-size:1.1rem}.footer-tagline{font-size:.8rem;line-height:1.4}}
/*# sourceMappingURL=main.46a2707a.css.map*/