html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden;background:#ffd9c0;font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none}.top-menu{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:40;width:auto;min-width:320px;padding:10px 18px;display:flex;justify-content:center;align-items:center;background:#ffffff94;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;box-shadow:0 8px 24px #0000000f}.nav-links{display:flex;gap:22px}.nav-links a{text-decoration:none;color:#282828ad;font-size:14px;font-weight:600;letter-spacing:-.2px;transition:color .2s ease,transform .2s ease}.nav-links a:hover{color:#111;transform:translateY(-1px)}.demo-section{position:relative;min-height:100vh;background:#ffd9c0;overflow:hidden}#canvas{display:block;width:100%;height:100vh}.gesture-hint{position:absolute;left:24px;bottom:140px;width:56px;height:auto;opacity:.65;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:20;animation:gesturePulse 2s ease-in-out infinite}@keyframes gesturePulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.info-section{min-height:70vh;padding:120px 24px;display:flex;justify-content:center;align-items:center;background:#ffd9c0}.info-card{width:min(92vw,680px);padding:56px 42px;background:#ffebdcd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;box-shadow:0 10px 40px #0000000d;text-align:center}.info-card h2{margin:0 0 18px;font-size:38px;color:#111}.info-card p{margin:0 auto;max-width:560px;color:#6e6e73;font-size:17px;line-height:1.7}.email-link{display:inline-block;margin-top:28px;padding:13px 22px;background:#111;color:#fff;border-radius:999px;text-decoration:none;font-weight:600;font-size:15px}.email-link:hover{background:#333}.social-links{margin-top:18px;display:flex;justify-content:center;gap:14px}.social-links a{display:flex;align-items:center;justify-content:center}.social-links img{width:22px;height:22px;opacity:.65;transition:all .2s ease}.social-links img:hover{opacity:1;transform:translateY(-2px)}.back-to-demo{position:fixed;right:22px;bottom:22px;z-index:45;width:44px;height:44px;display:flex;justify-content:center;align-items:center;background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;color:#333;text-decoration:none;font-size:20px;font-weight:700;box-shadow:0 8px 24px #0000001a;transition:transform .2s ease,background .2s ease}.back-to-demo:hover{transform:translateY(-2px);background:#fffffff2}@media(max-width:700px){html{scroll-padding-top:76px}.top-menu{top:12px;min-width:auto;padding:9px 14px}.nav-links{gap:14px}.nav-links a{font-size:13px}.gesture-hint{width:48px;left:14px;bottom:170px}.back-to-demo{right:14px;bottom:14px;width:40px;height:40px;font-size:18px}.info-section{min-height:60vh;padding:90px 18px}.info-card{padding:38px 24px;border-radius:24px}.info-card h2{font-size:30px}.info-card p{font-size:15px}}
