*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background-color:#000}.annotation{background:#000000d9;padding:20px;border-radius:12px;border:1px solid rgba(77,166,255,.3);color:#fff;width:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080;pointer-events:none;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.content{pointer-events:auto;text-align:left}.content h3{margin-bottom:12px;color:#4da6ff;text-transform:uppercase;letter-spacing:2px;font-size:18px;font-weight:600}.content p{margin-bottom:15px;color:#fffc;line-height:1.6;font-size:14px}.content button{margin-top:10px;background:transparent;border:1px solid #4da6ff;color:#4da6ff;padding:10px 20px;cursor:pointer;transition:all .3s;border-radius:6px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;width:100%}.content button:hover{background:#4da6ff;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #4da6ff66}.back-button{position:fixed;top:20px;left:20px;z-index:1000;background:#000000d9;border:1px solid rgba(77,166,255,.5);color:#4da6ff;padding:12px 24px;cursor:pointer;border-radius:8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #00000080;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.back-button:hover{background:#4da6ff33;border-color:#4da6ff;transform:translate(-5px);box-shadow:0 6px 20px #4da6ff66}.project-annotation{background:#000000e6;padding:24px;border-radius:12px;border:2px solid #0066cc;color:#fff;width:320px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #06c9,0 0 40px #06c6,0 0 60px #06c3,inset 0 0 20px #0066cc1a;pointer-events:none;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #06c9,0 0 40px #06c6,0 0 60px #06c3,inset 0 0 20px #0066cc1a}50%{box-shadow:0 0 30px #06cc,0 0 60px #06c9,0 0 90px #06c6,inset 0 0 30px #06c3}}.project-content{pointer-events:auto;text-align:left}.project-content h3{margin-bottom:12px;color:#4da6ff;text-transform:uppercase;letter-spacing:2px;font-size:20px;font-weight:700;text-shadow:0 0 10px rgba(77,166,255,.5)}.project-content p{margin-bottom:16px;color:#ffffffe6;line-height:1.7;font-size:15px}.project-content button{margin-top:12px;background:transparent;border:2px solid #0066cc;color:#06c;padding:12px 24px;cursor:pointer;transition:all .3s;border-radius:8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;width:100%;box-shadow:0 0 15px #0066cc4d}.project-content button:hover{background:#06c;color:#000;transform:translateY(-2px);box-shadow:0 0 25px #06c9}