*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;background-color:#000}#app{width:100%;min-height:100%}canvas{display:block;position:fixed;top:0;left:0;z-index:0}#header{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 40px}.header-logo{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:600;color:#fff;letter-spacing:.02em}#hero{min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-card{position:relative;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:48px;text-align:center;color:#fff;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;transition:transform .15s ease-out,box-shadow .15s ease-out;transform-style:preserve-3d;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:0;border-radius:24px;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.hero-card:hover:before{opacity:1}.hero-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);transform:rotate(var(--rotation, 0deg));transition:transform .3s ease;pointer-events:none}.hero-icon{width:120px;height:120px;margin:0 auto 24px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.2);background:#ffffff1a}.hero-icon img{width:100%;height:100%;object-fit:cover}.hero-info{margin-bottom:24px}.hero-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:28px;font-weight:600;margin-bottom:8px;letter-spacing:.02em}.hero-affiliation{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#ffffffb3;letter-spacing:.05em}.hero-socials{display:flex;justify-content:center;gap:16px}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffff1a;color:#fff;transition:background .3s,transform .3s}.social-link:hover{background:#fff3;transform:scale(1.1)}.social-link svg{width:20px;height:20px}#about{min-height:100vh}.about-content{max-width:800px;color:#fff}#works{min-height:100vh}.works-content{width:100%;max-width:1200px;color:#fff}#contact{min-height:100vh}.contact-content{text-align:center;color:#fff}#app-content{position:relative;z-index:1;pointer-events:none}#app-content>*{pointer-events:auto}section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 40px;box-sizing:border-box}#ar-page{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a1a;z-index:10}.ar-start-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;text-align:center}.ar-start-content{max-width:400px}.ar-start-content h1{font-size:2rem;color:#fff;margin-bottom:1rem;font-weight:300}.ar-start-content p{color:#ffffffb3;line-height:1.6;margin-bottom:.5rem}.ar-start-content .ar-sub{font-size:.9rem;color:#ffffff80}.ar-start-btn{margin-top:2rem;padding:16px 48px;font-size:1.1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:500}.ar-start-btn:hover{transform:translateY(-2px);box-shadow:0 10px 40px #6366f166}.ar-start-btn:active{transform:translateY(0)}.ar-start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ar-permission-note{margin-top:1rem;font-size:.8rem;color:#fff6}.ar-back-link{position:absolute;top:20px;left:20px;color:#fff9;text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:color .2s}.ar-back-link:hover{color:#fff}.ar-initializing{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ar-initializing-content{text-align:center;color:#fff}.ar-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ar-container{position:absolute;top:0;left:0;width:100%;height:100%}.ar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.ar-mode-indicator{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:8px 16px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;color:#fff;font-size:.85rem;transition:background .3s}.ar-mode-indicator.mode-card{background:#6366f1b3}.ar-mode-indicator.mode-fish{background:#8b5cf6b3}.ar-mode-indicator.mode-error{background:#ef4444b3}.ar-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);padding:12px 24px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;color:#fffc;font-size:.9rem;text-align:center;max-width:80%}.ar-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;text-align:center}.ar-error h2{color:#ef4444;margin-bottom:1rem}.ar-error p{color:#ffffffb3;margin-bottom:.5rem}.ar-retry-btn{margin-top:1.5rem;padding:12px 32px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.ar-retry-btn:hover{background:#ffffff1a;border-color:#ffffff80}.ar-debug{position:absolute;top:60px;right:20px;padding:8px 12px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;color:#4ade80;font-size:.75rem;font-family:monospace}