@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100;300;500;700&family=Courier+Prime&display=swap";:root{--font-main: "Outfit", sans-serif;--font-mono: "Courier Prime", monospace;--color-accent: #00ffff;--color-bg: #020202;--color-text: #ffffff;--color-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);overflow-x:hidden;overflow-y:auto;width:100%;min-height:100vh}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.ui-layer{pointer-events:none}nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;z-index:50;mix-blend-mode:difference}.logo{font-size:1.5rem;font-weight:700;letter-spacing:.1em;color:#fff;text-decoration:none;pointer-events:auto}.menu{display:flex;gap:2rem;pointer-events:auto}.menu a{color:#fffc;text-decoration:none;font-size:.9rem;letter-spacing:.05em;transition:color .3s}.menu a:hover{color:var(--color-accent)}.hud-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:40;pointer-events:none}.system-status{position:absolute;bottom:2rem;left:3rem;font-family:var(--font-mono);font-size:.7rem;color:var(--color-accent);line-height:1.5;opacity:.7}main{position:relative;z-index:10;width:100%;pointer-events:none}.content-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;opacity:1;pointer-events:none}#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-title{font-size:6rem;font-weight:100;letter-spacing:.2em;line-height:1;margin-bottom:1rem;mix-blend-mode:overlay;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.3)}.hero-subtitle{font-size:1.2rem;font-weight:300;letter-spacing:.5em;opacity:.8;margin-bottom:3rem;mix-blend-mode:overlay}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:.6}.scroll-indicator .line{width:1px;height:50px;background:#fff}h2{font-size:3rem;font-weight:100;letter-spacing:.2em;margin-bottom:1rem;color:var(--color-accent)}p{font-size:1.1rem;max-width:600px;line-height:1.6;opacity:.8}#footer{min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto}.cta-button{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);padding:1rem 3rem;font-family:var(--font-main);font-size:1rem;letter-spacing:.2em;cursor:pointer;transition:all .3s;text-transform:uppercase;pointer-events:auto}.cta-button:hover{background:var(--color-accent);color:#000;box-shadow:0 0 20px var(--color-accent)}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 50%,black 150%);pointer-events:none;z-index:20;opacity:.6}.noise{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:21;opacity:.05}.blink{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:768px){.hero-title{font-size:3rem}.menu{display:none}}#dashboard{position:fixed;top:0;left:0;width:100%;height:100vh;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;background:transparent;font-family:var(--font-main);pointer-events:none;z-index:100}.dash-header{display:flex;justify-content:center;align-items:center;padding-bottom:2rem;pointer-events:auto}.dash-title{font-size:2rem;font-weight:100;letter-spacing:.5em;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.2)}.dash-grid{flex:1;display:grid;grid-template-columns:350px 1fr 350px;gap:4rem;padding:2rem 0;pointer-events:none}.dash-panel{background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;pointer-events:auto;display:flex;flex-direction:column;justify-content:center}.dash-panel h3{color:var(--color-accent);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem;margin-bottom:2rem;font-size:1.2rem;font-weight:300;letter-spacing:.2em}.pure-text{font-size:1.1rem;font-weight:100;line-height:1.8;color:#ffffffe6;margin-bottom:1.5rem}.pure-list{list-style:none;padding:0}.pure-list li{font-size:1.2rem;font-weight:100;line-height:2.5;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.05)}.dash-center{position:relative;display:flex;justify-content:center;align-items:center;pointer-events:none}.dash-footer{display:flex;justify-content:center;gap:3rem;padding-top:2rem;pointer-events:auto;border:none}.dash-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:1rem 3rem;font-family:var(--font-main);font-weight:300;cursor:pointer;transition:all .5s ease;text-transform:uppercase;letter-spacing:.2em;font-size:.9rem}.dash-btn:hover{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 30px #fff3}#projects-ui{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}.back-btn{position:absolute;top:3rem;left:3rem;background:transparent;border:none;color:#ffffffb3;font-family:var(--font-main);font-size:1rem;letter-spacing:.1em;cursor:pointer;pointer-events:auto;transition:all .3s}.back-btn:hover{color:#fff;transform:translate(-5px)}.projects-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.projects-group{position:absolute;display:flex;flex-direction:column;gap:1.5rem;pointer-events:auto}.projects-group.top-left{top:5rem;left:5rem}.projects-group.bottom-right{bottom:5rem;right:5rem;align-items:flex-end}.projects-group.bottom-right .project-card{text-align:right}.project-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border:1px solid rgba(255,255,255,.1);width:300px;display:flex;flex-direction:column;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.project-card:hover{transform:translate(10px);background:#ffffff1a;border-color:#fff;box-shadow:0 10px 40px #00000080}.projects-group.bottom-right .project-card:hover{transform:translate(-10px)}.project-card h3{font-size:1.1rem;font-weight:300;margin-bottom:.5rem;color:#fff;letter-spacing:.1em}.project-card p{font-size:.85rem;color:#fff9;line-height:1.5;font-weight:100}@media(max-width:1024px){.dash-grid{grid-template-columns:1fr;grid-template-rows:auto auto;gap:2rem}.dash-panel{width:100%;margin-bottom:2rem;text-align:center}.dash-center{display:none}.dash-footer{flex-direction:column;gap:1rem;align-items:center}.projects-container{position:relative;height:auto;padding:5rem 1rem;overflow-y:auto}.projects-group{position:relative;inset:auto!important;width:100%;align-items:center!important;margin-bottom:2rem}.project-card{width:100%;text-align:center!important}.project-card:hover{transform:translateY(-5px)!important}}