*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;position:relative}body{font-family:Inter,sans-serif;background:#0a0a2a;color:#fff;overflow-x:hidden}#root{width:100%;height:100%;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a2a}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00f2ff,#f0f);border-radius:4px}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{position:relative;z-index:2}.gradient-text{background:linear-gradient(45deg,#00f2ff,#f0f);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-block;padding:12px 32px;border-radius:30px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:16px}.btn-primary{background:linear-gradient(45deg,#00f2ff,#f0f);color:#fff;box-shadow:0 0 20px #00f2ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f2ff80}.btn-outline{background:transparent;border:2px solid #00f2ff;color:#00f2ff}.btn-outline:hover{background:#00f2ff1a;transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 768px){.container{padding:0 16px}.btn{padding:10px 24px;font-size:14px}}.app-3d{position:relative;width:100%;min-height:100vh;overflow-x:hidden}.cube-container{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:0!important;overflow:hidden!important;margin:0!important;padding:0!important}.cube-container canvas{display:block!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.sections-container{position:relative;z-index:1;pointer-events:none}.section-content{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;pointer-events:none}.section-content.active{opacity:1;visibility:visible;pointer-events:auto}.section-content::-webkit-scrollbar{width:6px}.section-content::-webkit-scrollbar-track{background:#ffffff1a}.section-content::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00f2ff,#f0f);border-radius:3px}.rotate-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:20px;font-size:12px;color:#fff;pointer-events:none;white-space:nowrap;font-family:monospace}@media (max-width: 768px){.rotate-hint{bottom:15px;font-size:10px;padding:6px 12px}}.ai-animator{position:fixed;bottom:30px;right:30px;width:380px;background:#0a0a2af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(0,242,255,.3);box-shadow:0 10px 40px #0000004d;overflow:hidden;z-index:100;animation:slideIn .5s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.ai-header{padding:16px 20px;background:linear-gradient(135deg,#00f2ff33,#f0f3);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px}.ai-icon{font-size:24px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.ai-badge{background:#00f2ff33;padding:4px 12px;border-radius:20px;font-size:12px;color:#00f2ff;font-family:monospace}.ai-title{padding:20px;font-size:20px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);font-family:Courier New,monospace;min-height:80px}.cursor{animation:blink 1s infinite;color:#00f2ff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.ai-blocks{padding:20px;display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.ai-block{background:#ffffff0d;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;opacity:0;transform:translate(-20px);transition:all .4s ease;border-left:3px solid transparent}.ai-block.visible{opacity:1;transform:translate(0);border-left-color:#00f2ff}.block-icon{font-size:24px;width:32px;text-align:center}.block-text{flex:1;font-size:14px;color:#e0e0e0}.block-check{color:#0fa;font-size:16px;animation:checkPop .3s ease}@keyframes checkPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.ai-footer{padding:12px 20px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:6px;height:6px;background:#00f2ff;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}.ai-status{font-size:12px;color:#888;font-family:monospace}.ai-block:hover{background:#00f2ff1a;transform:translate(5px)}