*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;--bg-primary: #0a0a0f;--bg-secondary: #1a1a2e;--accent-cyan: #00d4ff;--accent-purple: #b400ff;--accent-pink: #ff0080;--text-primary: #e0e0e0;--text-secondary: #c0c0c0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at top,#1a1a2e,#0a0a0f,#000);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent),radial-gradient(1px 1px at 15% 95%,white,transparent);background-size:200% 200%,300% 300%,250% 250%,280% 280%,220% 220%,290% 290%,260% 260%;background-position:0% 0%,40% 60%,130% 270%,70% 100%,200% 50%,330% 180%,150% 320%;animation:starfield 200s linear infinite;pointer-events:none;opacity:.6;z-index:0}@keyframes starfield{0%,to{background-position:0% 0%,40% 60%,130% 270%,70% 100%,200% 50%,330% 180%,150% 320%}50%{background-position:100% 100%,140% 160%,230% 370%,170% 200%,300% 150%,430% 280%,250% 420%}}#root{position:relative;z-index:1}a{color:var(--accent-cyan);text-decoration:none}a:hover{color:var(--accent-purple)}::selection{background:var(--accent-purple);color:#fff}.ascii-surface{display:inline-block;white-space:pre;font-family:ui-monospace,monospace;line-height:1.1;font-size:13px;will-change:contents;transition:opacity 1s ease-in;margin:0}.ascii-surface>div{white-space:pre;height:1.1em}.ascii-surface span{display:inline;letter-spacing:0;word-spacing:0}.c0{color:transparent}.c1{color:#1a1a1a}.c2{color:#333}.c3{color:#4d4d4d}.c4{color:#666}.c5{color:gray}.c6{color:#999}.c7{color:#b3b3b3}.c8{color:#ccc}.c9{color:#fff}[data-theme=light] .ascii-surface{filter:invert(1) hue-rotate(180deg)}.ascii-surface{display:inline-block;white-space:pre;font-family:ui-monospace,monospace;line-height:1.1;font-size:13px;will-change:contents;transition:opacity 1s ease-in}@media(max-width:768px){.ascii-surface{font-size:10px}}@media(max-width:575px){.ascii-surface{font-size:7px}}[data-theme=light] .ascii-invert-on-light,[data-theme=dark] .ascii-invert-on-dark{filter:invert(1) hue-rotate(180deg)}.theme-toggle{position:fixed;top:20px;right:20px;background:none;border:none;cursor:pointer;padding:0;z-index:1000;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.toggle-art{margin:0;font-size:18px;line-height:1.2;font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none;color:inherit}[data-theme=light] .toggle-art{color:#000}[data-theme=dark] .toggle-art{color:#fff}@media(max-width:768px){.theme-toggle{top:10px;right:10px}.toggle-art{font-size:12px}}[data-theme=light] .home{min-height:100vh;background:#fff;color:#000}[data-theme=light] body{background:#fff}[data-theme=dark] .home{min-height:100vh;background:#000;color:#fff}[data-theme=dark] body{background:#000}.video-container{display:flex;justify-content:center;align-items:center;width:fit-content;max-width:calc(100% - 2rem);overflow:hidden;margin:0 auto 2rem;padding:.5rem;min-height:500px}.content{max-width:1000px;margin:0 auto;padding:1.5rem;font-weight:300}.content h1{font-size:2rem;margin-bottom:.5rem;font-weight:400;color:inherit}.tagline{font-size:1rem;margin-bottom:2rem;color:inherit}.section{margin-bottom:2rem}.section h2{font-size:1.7rem;margin-bottom:1rem;font-weight:400;color:inherit}.list{display:flex;flex-direction:column;gap:.8rem}.list-item-with-hover{position:relative;display:flex;align-items:center;padding-left:0;font-size:1rem}.list-item{font-size:1rem;line-height:1.6;color:inherit;flex:0 0 auto;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.list-item a{color:inherit;text-decoration:none;position:relative;font-weight:300}.list-item a:after{content:"";position:absolute;width:0;height:1px;bottom:0;left:0;background-color:currentColor;transition:width .3s ease}.list-item a:hover:after{width:100%}.ascii-hover-image{position:absolute;left:100%;margin-right:1rem;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;z-index:10}.list-item-with-hover:hover .ascii-hover-image{opacity:1}.list-item-with-hover:hover .list-item a:after{width:100%}.company,.project{font-weight:400}.socials{display:flex;gap:2rem;flex-wrap:wrap}.socials a{color:inherit;text-decoration:underline;font-size:1rem}.socials a:hover{opacity:.7}@media(max-width:1250px){.ascii-hover-image{display:none!important}.list-item-with-hover{padding-left:0}}@media(max-width:768px){.video-container{padding:.5rem;max-width:calc(100% - 1rem);margin:0 auto 1.5rem;min-height:auto}.content{padding:1rem}.content h1{font-size:1.8rem}.tagline{font-size:.95rem;margin-bottom:2rem}.section h2{font-size:1.4rem}.list-item{font-size:.9rem!important}.list-item-with-hover{padding-left:0;font-size:.9rem!important}.socials{gap:1.5rem}.socials a{font-size:.9rem}}@media(max-width:480px){.video-container{padding:.25rem;max-width:calc(100% - 1rem);margin:0 auto 1rem;min-height:auto}.content{padding:1rem}.content h1{font-size:1.5rem}.tagline{font-size:.85rem;margin-bottom:1.5rem}.section{margin-bottom:2rem}.section h2{font-size:1.2rem}.list-item{font-size:.85rem!important}.list-item-with-hover{padding-left:0;font-size:.85rem!important}.socials{gap:1rem}.socials a{font-size:.85rem}}#root{width:100%;min-height:100vh}.page{min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.page .content{width:100%;max-width:1000px;margin-top:4rem}.page h1{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:300;letter-spacing:.2em;background:linear-gradient(135deg,#01aed0,#b400ff,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3rem;text-align:center}@media(max-width:768px){.page{padding:1rem}.page h1{font-size:2rem}.page .content{margin-top:3rem}}
