:root{--bg-color:#050505;--text-primary:#f0f0f0;--text-secondary:#888;--accent-color:#fff;--font-family:"Inter", sans-serif}html,body{touch-action:none;overscroll-behavior:none;width:100%;height:100%;margin:0;padding:0;position:fixed;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;height:100vh;margin:0;padding:0;display:flex;position:relative}#bg-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.content-container{z-index:1;text-align:center;flex-direction:column;justify-content:space-between;align-items:center;padding:4rem 3rem;animation:1.5s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;filter:blur(4px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}header{flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}#eye-3d-container{filter:drop-shadow(0 0 6px #ffffff05);justify-content:center;align-items:center;margin-bottom:.5rem;transition:filter .4s;display:flex}#eye-3d-container canvas{cursor:crosshair;outline:none}#eye-3d-container:hover{filter:drop-shadow(0 0 8px #ffffff14)}.logo{letter-spacing:-.05em;color:var(--text-primary);margin-bottom:.25rem;font-size:2.5rem;font-weight:600}.subtitle{color:var(--text-secondary);letter-spacing:.05em;text-transform:lowercase;font-size:1rem;font-weight:300}.info{flex-direction:column;gap:1.25rem;margin-bottom:3.5rem;display:flex}.info p{color:var(--text-primary);max-width:350px;font-size:1.1rem;font-weight:300;line-height:1.6}.email-link{color:var(--text-primary);border-bottom:1px solid #fff3;align-self:center;padding-bottom:4px;font-size:1.2rem;font-weight:400;text-decoration:none;transition:all .3s;display:inline-block}.email-link:hover{color:var(--accent-color);border-bottom-color:var(--accent-color);text-shadow:0 0 12px #fff6}.domain{color:var(--text-secondary);letter-spacing:.1em;text-transform:lowercase;font-size:.85rem}footer{color:var(--text-secondary);letter-spacing:.1em;text-transform:lowercase;font-size:.8rem;font-weight:300}@media (width<=768px){.content-container{width:90vw;min-height:auto;padding:2.5rem 1.5rem}.logo{font-size:2rem}.info{gap:1rem;margin-bottom:2.5rem}.info p{max-width:100%;font-size:1rem}#eye-3d-container{margin-bottom:0}}.modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal-content{touch-action:pan-y;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);opacity:0;clip-path:polygon(0 45%,100% 45%,100% 55%,0 55%);background-color:#080808d9;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ffffff14;border-radius:4px;width:90%;max-width:600px;max-height:85vh;padding:3rem 2rem;transition:all .5s cubic-bezier(.2,0,0,1);position:relative;overflow-y:auto;transform:scaleY(.01)scaleX(1.1);box-shadow:0 0 40px #0009}.modal-content:before{content:"";background:var(--accent-color);height:2px;box-shadow:0 0 15px var(--accent-color);opacity:0;z-index:2;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.modal-overlay.active .modal-content{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scaleY(1)scaleX(1)}.modal-overlay.active .modal-content:before{opacity:.5;animation:4s linear infinite scanline}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(85vh)}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#fff3}.modal-overlay.active .modal-content{transform:translateY(0)scale(1)}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:2.5rem;line-height:1;transition:color .3s;position:absolute;top:1.5rem;right:1.5rem}.close-btn:hover{color:var(--text-primary)}.modal-header{text-align:center;margin-bottom:2.5rem}.modal-header h2{letter-spacing:-.05em;text-transform:uppercase;margin-bottom:.5rem;font-size:2.2rem;font-weight:600;position:relative}.modal-header h2:after{content:"Digital Identity";color:#fff;opacity:.2;z-index:-1;width:100%;height:100%;animation:2s linear infinite alternate-reverse glitch-text;position:absolute;top:0;left:0}@keyframes glitch-text{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.modal-header p{color:var(--text-secondary);text-transform:lowercase;letter-spacing:.1em;font-size:.9rem}.data-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.data-card{background:#ffffff05;border:1px solid #ffffff0d;border-left:2px solid #fff3;border-radius:12px;flex-direction:column;gap:.4rem;padding:1.25rem;transition:all .3s;display:flex}.data-card:hover{border-left-color:var(--accent-color);background:#ffffff0d;transform:translate(4px)}.data-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;font-weight:600}.data-value{color:var(--text-primary);word-break:break-all;text-shadow:0 0 10px #ffffff1a;font-size:1rem;font-weight:400}.modal-footer{text-align:center;border-top:1px solid #ffffff0d;margin-top:1.5rem;padding-top:1.5rem}.modal-footer p{color:#444;text-transform:lowercase;font-size:.8rem}.loading-spinner{text-align:center;color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase;grid-column:1/-1;padding:5rem 1rem;font-size:1.1rem;animation:1.5s ease-in-out infinite digital-pulse}@keyframes digital-pulse{0%,to{opacity:.3;filter:blur(2px)}50%{opacity:1;filter:blur()}}@media (width<=600px){.data-grid{grid-template-columns:1fr}.modal-content{width:95%;padding:2.5rem 1.5rem}.modal-header h2{font-size:1.8rem}}@keyframes fadeUp{0%{opacity:0;filter:blur(5px);transform:translateY(15px)}to{opacity:1;filter:blur();transform:translateY(0)}}.no-scroll{overflow:hidden!important}