:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden}a{text-decoration:none;color:inherit}.darkveil-canvas{width:100%;height:100%;display:block}.dock-outer{margin:0 .5rem;display:flex;max-width:100%;align-items:center}.dock-panel{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;width:fit-content;gap:1rem;border-radius:1rem;background-color:#060010;border:1px solid #222;padding:0 .5rem .5rem}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background-color:#060010;border:1px solid #222;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;outline:none}.dock-icon{display:flex;align-items:center;justify-content:center}.dock-label{position:absolute;top:-1.5rem;left:50%;width:fit-content;white-space:pre;border-radius:.375rem;border:1px solid #222;background-color:#060010;padding:.125rem .5rem;font-size:.75rem;color:#fff;transform:translate(-50%)}.chroma-grid{display:grid;grid-template-columns:repeat(var(--cols, 3),320px);grid-auto-rows:auto;justify-content:center;gap:.75rem;width:100%;padding:1rem;box-sizing:border-box}@media(max-width:1124px){.chroma-grid{grid-template-columns:repeat(auto-fit,minmax(320px,320px));gap:.5rem;padding:.5rem}}@media(max-width:480px){.chroma-grid{grid-template-columns:320px;gap:.75rem;padding:1rem}}.chroma-card{position:relative;display:flex;flex-direction:column;width:320px;height:auto;border-radius:20px;overflow:hidden;border:1px solid #333;transition:border-color .3s ease;background:var(--card-gradient);--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .3)}.chroma-card:hover{border-color:var(--card-border)}.chroma-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(0,229,255,.18),transparent 65%);pointer-events:none;opacity:0;transition:opacity .4s ease;z-index:2}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{position:relative;z-index:1;flex:1;padding:10px;box-sizing:border-box;background:transparent;transition:background .3s ease}.chroma-img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.chroma-info{position:relative;z-index:1;padding:.75rem 1rem;color:#fff;font-family:system-ui,sans-serif;display:grid;grid-template-columns:1fr auto;row-gap:.25rem;column-gap:.75rem}.chroma-info .role,.chroma-info .handle{color:#aaa}.portfolio-panel{width:100%;padding:1.5rem 1rem 2rem;box-sizing:border-box;overflow-y:auto;max-height:100%}.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#111;padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05)}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.contacts-panel{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap;padding:2rem 1rem}.contact-link{text-decoration:none;color:inherit}.contact-card{width:280px;min-height:140px;transition:border-color .3s ease,transform .2s ease}.contact-card:hover{border-color:#00e5ff44;transform:translateY(-4px)}.contact-card-inner{display:flex;align-items:center;gap:1.25rem}.contact-icon{color:#00e5ff;flex-shrink:0}.contact-text{display:flex;flex-direction:column;gap:.25rem}.contact-label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.08em}.contact-value{font-size:1rem;color:#fff;font-weight:500}.home-panel{display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem}.home-card{width:min(600px,90vw);background-color:#06001099;border-color:#222;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.home-card-inner{display:flex;flex-direction:column;gap:1.25rem}.home-tagline{margin:0;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#00e5ff;opacity:.8}.home-description{margin:0;font-size:1.05rem;line-height:1.7;color:#ffffffbf}.home-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.home-tag{font-size:.72rem;padding:.25rem .65rem;border-radius:999px;border:1px solid #333;color:#888;letter-spacing:.05em;background:#ffffff08;transition:border-color .2s,color .2s}.home-tag:hover{border-color:#00e5ff44;color:#ccc}.vpn-panel{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap;padding:2rem 1rem}.vpn-link{text-decoration:none;color:inherit}.vpn-card{width:280px;min-height:140px;transition:border-color .3s ease,transform .2s ease}.vpn-card:hover{border-color:#00e5ff44;transform:translateY(-4px)}.vpn-card-inner{display:flex;align-items:center;gap:1.25rem}.vpn-icon{color:#00e5ff;flex-shrink:0}.vpn-text{display:flex;flex-direction:column;gap:.2rem}.vpn-label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.08em}.vpn-value{font-size:1rem;color:#fff;font-weight:500}.vpn-hint{font-size:.78rem;color:#555}.app{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column}.bg-layer{position:fixed;inset:0;z-index:0}.header-layer{position:relative;z-index:10;width:100%;height:320px;flex-shrink:0}.content-layer{position:relative;z-index:10;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#333 transparent}.content-layer::-webkit-scrollbar{width:4px}.content-layer::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.panel{width:100%}.dock-layer{position:relative;z-index:100;width:100%;height:90px;flex-shrink:0;overflow:visible;pointer-events:none}.dock-layer>*{pointer-events:auto}.dock-item-active{border-color:#444!important;background-color:#0d0d1a!important}