@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root{--crust:#11111b;--mantle:#181825;--base:#1e1e2e;--surface0:#313244;--surface1:#45475a;--surface2:#585b70;--overlay0:#6c7086;--overlay1:#7f849c;--overlay2:#9399b2;--subtext0:#a6adc8;--subtext1:#bac2de;--text:#cdd6f4;--rosewater:#f5e0dc;--flamingo:#f2cdcd;--pink:#f5c2e7;--mauve:#cba6f7;--red:#f38ba8;--maroon:#eba0ac;--peach:#fab387;--yellow:#f9e2af;--green:#a6e3a1;--teal:#94e2d5;--sky:#89dceb;--sapphire:#74c7ec;--blue:#89b4fa;--lavender:#b4befe;--bg-primary:var(--base);--bg-secondary:var(--mantle);--bg-tertiary:var(--surface0);--accent-primary:var(--blue);--accent-secondary:var(--mauve);--accent-tertiary:var(--green);--font-mono:"JetBrains Mono","Space Mono","Fira Code",monospace;--gap:1.5rem;--radius:4px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.scanlines{pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,#00000008,#00000008 1px,#0000 1px 2px);width:100%;height:100%;position:fixed;top:0;left:0}.grid-bg{pointer-events:none;z-index:-1;background-image:linear-gradient(#89b4fa08 1px,#0000 1px),linear-gradient(90deg,#89b4fa08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:fixed;top:0;left:0}.terminal-header{z-index:100;background:var(--bg-secondary);border-bottom:1px solid var(--surface0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.window-controls{gap:8px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:var(--red);cursor:pointer}.dot.yellow{background:var(--yellow);cursor:pointer}.dot.green{background:var(--green)}.dot.red:hover,.dot.yellow:hover{filter:brightness(1.2);transform:scale(1.1)}.blank-terminal{background:var(--crust);z-index:500;opacity:1;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding:2rem;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.blank-terminal.hidden{opacity:0;pointer-events:none}.blank-terminal-content{width:100%}.blank-prompt{color:var(--text);font-size:1rem}.blank-prompt .prompt-user{color:var(--green);font-weight:600}.blank-prompt .prompt-path{color:var(--blue)}.blank-prompt .cursor{color:var(--text);animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-header,.container,.terminal-footer{transition:opacity .3s,transform .3s}body.minimized .terminal-header,body.minimized .container,body.minimized .terminal-footer{opacity:0;pointer-events:none;transform:translateY(20px)}.terminal-title{color:var(--subtext0);font-size:.85rem}.terminal-tabs{gap:.5rem;margin-left:auto;display:flex}.tab{color:var(--overlay1);cursor:pointer;border-radius:var(--radius);border:1px solid #0000;padding:.4rem 1rem;font-size:.8rem;transition:all .2s}.tab:hover{color:var(--text);background:var(--surface0)}.tab.active{color:var(--accent-primary);border-color:var(--accent-primary);background:#89b4fa1a}.container{max-width:1200px;margin:0 auto;padding:2rem}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:4rem 0;display:flex}.prompt-line{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;display:flex}.prompt{color:var(--green)}.command{color:var(--text)}.hero h1{letter-spacing:-2px;margin-bottom:1rem;font-size:4rem;font-weight:600;position:relative}.glitch{color:var(--text);position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 var(--red);clip:rect(24px,550px,90px,0);animation:3s linear infinite alternate-reverse glitch-anim;left:2px}.glitch:after{text-shadow:-2px 0 var(--blue);clip:rect(85px,550px,140px,0);animation:2s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(51px,9999px,28px,0)}20%{clip:rect(70px,9999px,63px,0)}40%{clip:rect(26px,9999px,97px,0)}60%{clip:rect(82px,9999px,95px,0)}80%{clip:rect(29px,9999px,24px,0)}to{clip:rect(14px,9999px,32px,0)}}.tagline{color:var(--subtext0);font-size:1.2rem}.typing:after{content:"|";color:var(--accent-primary);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.iso-section{padding:4rem 0}.iso-grid{perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;display:grid}.iso-card{width:220px;height:280px;transform-style:preserve-3d;margin:0 auto;transition:transform .4s;position:relative;transform:rotateX(10deg)rotateY(-15deg)}.iso-card:hover{transform:rotateX(5deg)rotateY(-10deg)translateY(-10px)}.iso-face{border:1px solid var(--accent-primary);background:var(--bg-secondary);position:absolute}.iso-front{justify-content:center;align-items:center;width:200px;height:260px;display:flex;transform:translateZ(10px)}.iso-top{background:linear-gradient(135deg,var(--surface0),var(--surface1));border-color:var(--accent-secondary);width:200px;height:20px;transform:rotateX(90deg)translateZ(10px)translateY(-10px)}.iso-right{background:linear-gradient(180deg,var(--surface1),var(--surface0));border-color:var(--mauve);width:20px;height:260px;transform:rotateY(90deg)translateZ(190px)translate(-10px)}.card-content{text-align:center;padding:1.5rem}.card-icon pre{color:var(--accent-primary);margin-bottom:1rem;font-size:1.5rem;line-height:1.2}.card-content h3{color:var(--accent-secondary);text-transform:lowercase;margin-bottom:.75rem;font-size:1.1rem}.card-content p{color:var(--subtext0);font-size:.75rem;line-height:1.5}.stats-section{padding:4rem 0}.terminal-window{background:var(--crust);border:1px solid var(--surface0);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 6px #0000004d,0 0 40px #89b4fa1a}.terminal-bar{background:var(--surface0);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.term-dot{background:var(--surface2);border-radius:50%;width:10px;height:10px}.term-title{color:var(--overlay1);margin-left:auto;font-size:.8rem}.terminal-body{padding:2rem}.neofetch{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.neofetch-ascii pre{color:var(--blue);font-size:.55rem;line-height:1.1}.neofetch-info{font-size:.85rem}.info-line{margin-bottom:.3rem}.info-line .label{color:var(--accent-primary);font-weight:600}.info-line .key{color:var(--accent-secondary);font-weight:500}.info-line .value{color:var(--text)}.info-line .stat-num{color:var(--green);font-weight:600}.info-divider{color:var(--surface2);margin:.5rem 0}.color-blocks{gap:0;margin-top:1rem;display:flex}.block{width:24px;height:24px}.blueprint-section{padding:4rem 0}.section-title{text-align:center;margin-bottom:2rem;font-size:1.2rem;font-weight:400}.section-title .bracket{color:var(--overlay0)}.section-title .title-text{color:var(--accent-primary)}.blueprint-grid{background:var(--crust);border:1px solid var(--surface0);border-radius:var(--radius);padding:2rem;overflow:hidden}.blueprint-lines{width:100%;height:auto;min-height:300px}.draw-line{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:3s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.projects-section{padding:4rem 0}.projects-list{background:var(--crust);border:1px solid var(--surface0);border-radius:var(--radius);padding:1.5rem;font-size:.85rem}.project-item{border-bottom:1px solid var(--surface0);flex-wrap:wrap;gap:1.5rem;padding:.5rem 0;display:flex}.project-item:last-child{border-bottom:none}.project-item .permissions{color:var(--overlay1)}.project-item .user{color:var(--green);min-width:50px}.project-item .size{color:var(--yellow);text-align:right;min-width:50px}.project-item .date{color:var(--blue);min-width:70px}.project-item .name a{color:var(--accent-secondary);text-decoration:none;transition:color .2s}.project-item .name a:hover{color:var(--accent-primary);text-decoration:underline}.terminal-footer{background:var(--bg-secondary);border-top:1px solid var(--surface0);margin-top:4rem;padding:2rem}.footer-content{text-align:center;max-width:1200px;margin:0 auto}.footer-content .prompt-line{margin-bottom:1rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.contact-links .link{color:var(--accent-primary);border-radius:var(--radius);border:1px solid #0000;padding:.25rem .5rem;text-decoration:none;transition:all .2s}.contact-links .link:hover{border-color:var(--accent-primary);background:#89b4fa1a}.contact-links .separator{color:var(--surface2)}.copyright .comment{color:var(--overlay0);font-size:.8rem}@media(max-width:768px){.hero h1{font-size:2.5rem}.terminal-header{flex-direction:column;gap:1rem}.terminal-tabs{margin-left:0}.neofetch{flex-direction:column;align-items:center}.project-item{gap:.75rem;font-size:.75rem}.iso-card{transform:rotateX(5deg)rotateY(-8deg)}}@media(max-width:480px){.tab{padding:.3rem .6rem;font-size:.7rem}.contact-links{flex-direction:column;align-items:center;gap:.5rem}.contact-links .separator{display:none}.nav-hud{gap:.25rem;padding:.3rem}.nav-btn{padding:.3rem .5rem;font-size:.65rem}.nav-label{display:none}.panel-3d .hero{padding:.5rem 0}.panel-3d .hero h1{font-size:1.75rem}.panel-3d .tagline{font-size:.85rem}.project-item{flex-direction:column;align-items:flex-start;gap:.25rem}.project-item .permissions,.project-item .user,.project-item .size,.project-item .date{font-size:.65rem}}::selection{background:var(--accent-primary);color:var(--crust)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--crust)}::-webkit-scrollbar-thumb{background:var(--surface1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--surface2)}#threejs-container{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.boot-overlay{background:var(--crust);z-index:2000;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding:2rem;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.boot-content{color:var(--green);font-size:1rem}.boot-text{white-space:pre-wrap;font-family:var(--font-mono)}.boot-cursor{color:var(--text);animation:1s step-end infinite cursor-blink}.panel-3d{background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:var(--radius);backface-visibility:hidden;pointer-events:auto;width:600px;max-width:90vw;transition:border-color .3s,box-shadow .3s;position:absolute;overflow:hidden;box-shadow:0 0 30px #89b4fa33,inset 0 0 60px #0000004d}.panel-3d:hover{border-color:var(--accent-secondary);box-shadow:0 0 50px #cba6f74d,inset 0 0 60px #0000004d}.panel-header{background:var(--surface0);border-bottom:1px solid var(--surface1);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.panel-title{color:var(--subtext0);margin-left:auto;font-size:.85rem}.panel-content{padding:1.5rem}.panel-footer{border-top:1px solid var(--surface0);justify-content:space-between;margin-top:1rem;padding-top:1rem;display:flex}.panel-footer .hint{color:var(--overlay0);font-size:.75rem}.panel-footer .comment{color:var(--overlay0);font-size:.8rem}.skills-panel-content{position:relative}.skills-files{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.skill-file{border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .2s;display:flex}.skill-file:hover{background:var(--surface0);border-color:var(--surface1)}.skill-file:hover .file-icon pre{color:var(--accent-secondary);transform:scale(1.1)}.skill-file:hover .file-name{color:var(--accent-primary)}.file-icon pre{color:var(--accent-primary);margin:0;font-size:1.2rem;line-height:1.1;transition:all .2s}.file-name{color:var(--subtext0);font-size:.8rem;transition:color .2s}.skill-popup-3d{background:var(--bg-secondary);border:2px solid var(--accent-secondary);border-radius:var(--radius);backface-visibility:hidden;opacity:0;pointer-events:none;width:540px;max-width:95vw;transition:opacity .3s;position:absolute;overflow:hidden;box-shadow:0 0 50px #cba6f766,inset 0 0 60px #0000004d}.skill-popup-3d.active{opacity:1}.skill-popup-3d.interactive{pointer-events:auto}.skill-popup-3d.fading{opacity:0;pointer-events:none}.skill-popup-3d .panel-header{align-items:center;gap:1rem;display:flex}.skill-popup-3d .dot.skill-popup-close{pointer-events:auto}.skill-popup-body{text-align:center;flex-direction:column;align-items:center;padding:1rem 0;display:flex}.skill-popup-body h3{color:var(--accent-secondary);text-transform:lowercase;margin-bottom:1rem;font-size:1.5rem}.skill-popup-body p{color:var(--subtext0);margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.skill-popup-body pre{text-align:left;align-self:stretch}.skill-icon-large{margin-bottom:1rem}.skill-icon-large pre{color:var(--accent-primary);font-size:2rem;line-height:1.2}.skill-popup-body .skill-tags{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.skills-grid{flex-direction:column;gap:1.5rem;display:flex}.skill-card{background:var(--surface0);border:1px solid var(--surface1);border-radius:var(--radius);padding:1rem;transition:border-color .2s}.skill-card:hover{border-color:var(--accent-primary)}.skill-icon pre{color:var(--accent-primary);margin-bottom:.5rem;font-size:1.2rem;line-height:1.2}.skill-card h3{color:var(--accent-secondary);text-transform:lowercase;margin-bottom:.5rem;font-size:1rem}.skill-card p{color:var(--subtext0);margin-bottom:.75rem;font-size:.8rem;line-height:1.4}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--surface1);color:var(--text);border-radius:2px;padding:.2rem .5rem;font-size:.7rem}.contact-section{border-top:1px solid var(--surface0);margin-top:1.5rem;padding-top:1.5rem}.contact-section .prompt-line{justify-content:flex-start;margin-bottom:.75rem}.contact-section .contact-links{justify-content:flex-start;margin-bottom:0}.nav-hud{z-index:100;border-radius:var(--radius);border:1px solid var(--surface0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11111bcc;gap:.5rem;padding:.5rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.nav-btn{background:var(--surface0);border:1px solid var(--surface1);color:var(--text);border-radius:var(--radius);cursor:pointer;font-family:var(--font-mono);flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.75rem;transition:all .2s;display:flex}.nav-btn:hover{background:var(--surface1);border-color:var(--accent-primary)}.nav-btn.active{background:var(--accent-primary);color:var(--crust);border-color:var(--accent-primary)}.nav-arrow{font-size:1rem}.nav-label{color:var(--subtext0);font-size:.65rem}.nav-btn:hover .nav-label,.nav-btn.active .nav-label{color:inherit}.gyro-button{background:var(--surface0);border:1px solid var(--accent-primary);color:var(--text);border-radius:var(--radius);font-family:var(--font-mono);cursor:pointer;z-index:1001;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8rem;transition:all .2s;display:flex;position:fixed;bottom:20px;right:20px}.gyro-button:hover{background:var(--surface1);border-color:var(--accent-secondary)}.gyro-button.active{border-color:var(--green)}.gyro-button .gyro-icon{font-size:1.2rem}.gyro-button .gyro-icon.active{color:var(--green)}.panel-3d .hero{justify-content:flex-start;min-height:auto;padding:1rem 0}.panel-3d .hero h1{font-size:2.5rem}.panel-3d .tagline{font-size:1rem}.panel-3d .projects-list{background:0 0;border:none;padding:0}.panel-3d .neofetch{gap:2rem}.panel-3d .neofetch-ascii pre{font-size:.45rem}body.fallback-2d #threejs-container{display:none}body.fallback-2d .panel-3d{width:100%;max-width:800px;margin:2rem auto;position:relative}body.fallback-2d .boot-overlay,body.fallback-2d .nav-hud{display:none}@media(max-width:768px){.panel-3d{width:90vw}.panel-3d .hero h1{font-size:2rem}.nav-hud{padding:.4rem;bottom:1rem}.nav-btn{padding:.4rem .75rem}.gyro-button{top:20px;bottom:auto;right:20px}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.bg-crust{background-color:var(--color-crust)}.font-mono{font-family:var(--font-mono)}.text-accent{color:var(--color-accent)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root,:host{--color-crust:#11111b;--color-accent:#89b4fa;--font-mono:"JetBrains Mono","Space Mono",monospace}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
