:root{--iso-primary:#00d4ff;--iso-primary-rgb:0, 212, 255;--iso-bg:#0a0e27;--iso-bg-rgb:10, 14, 39;--iso-surface:#1a1f3a;--iso-surface-rgb:26, 31, 58;--iso-text:#e8eaf6;--iso-text-muted:#8892b0;--iso-accent:#7c4dff;--iso-accent-rgb:124, 77, 255;--iso-success:#00e676;--iso-warning:#ffab00;--iso-error:#ff5252;--iso-depth:8px;--iso-angle:45deg;--iso-radius:12px;--iso-transition:.3s cubic-bezier(.4, 0, .2, 1)}.iso-25d{transform-style:preserve-3d;perspective:1200px;transform:rotateX(0)rotateY(0)}.iso-depth{transform:translateZ(var(--iso-depth));box-shadow:0 var(--iso-depth) 0 #0000004d, 0 calc(var(--iso-depth) * 2) calc(var(--iso-depth) * 3) #0003;transition:transform var(--iso-transition), box-shadow var(--iso-transition)}.iso-depth:hover{transform:translateZ(calc(var(--iso-depth) * 1.5));box-shadow:0 calc(var(--iso-depth) * 1.5) 0 #0000004d, 0 calc(var(--iso-depth) * 3) calc(var(--iso-depth) * 4) #0003}.iso-glow{box-shadow:0 0 20px rgba(var(--iso-primary-rgb), .3), 0 0 60px rgba(var(--iso-primary-rgb), .1), inset 0 1px 0 rgba(var(--iso-primary-rgb), .2);transition:box-shadow var(--iso-transition)}.iso-glow:hover{box-shadow:0 0 30px rgba(var(--iso-primary-rgb), .5), 0 0 80px rgba(var(--iso-primary-rgb), .2), inset 0 1px 0 rgba(var(--iso-primary-rgb), .3)}.iso-card{background:linear-gradient(135deg, var(--iso-surface), rgba(var(--iso-surface-rgb), .8));border:1px solid rgba(var(--iso-primary-rgb), .15);border-radius:var(--iso-radius);transform-style:preserve-3d;transition:transform var(--iso-transition), box-shadow var(--iso-transition), border-color var(--iso-transition);padding:24px;position:relative;overflow:hidden}.iso-card:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--iso-primary-rgb), .5), transparent);height:1px;position:absolute;top:0;left:0;right:0}.iso-card:hover{border-color:rgba(var(--iso-primary-rgb), .4);box-shadow:0 8px 32px #0000004d, 0 0 20px rgba(var(--iso-primary-rgb), .15);transform:translateY(-4px)translateZ(4px)}.iso-btn{border:1px solid rgba(var(--iso-primary-rgb), .3);background:linear-gradient(180deg, var(--iso-surface), rgba(var(--iso-surface-rgb), .9));color:var(--iso-primary);cursor:pointer;transform-style:preserve-3d;transition:all var(--iso-transition);-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 24px;font-weight:600;display:inline-flex;position:relative;transform:translateY(0);box-shadow:0 4px #0006,0 6px 12px #0003}.iso-btn:hover{box-shadow:0 6px 0 #0006, 0 8px 16px #0000004d, 0 0 15px rgba(var(--iso-primary-rgb), .2);border-color:rgba(var(--iso-primary-rgb), .6);transform:translateY(-2px)}.iso-btn:active{transform:translateY(2px);box-shadow:0 2px #0006,0 2px 4px #0003}.iso-btn-primary{background:linear-gradient(180deg, var(--iso-primary), rgba(var(--iso-primary-rgb), .8));color:var(--iso-bg);border-color:var(--iso-primary);box-shadow:0 4px 0 #0006, 0 6px 12px #0003, 0 0 15px rgba(var(--iso-primary-rgb), .2)}.iso-btn-primary:hover{box-shadow:0 6px 0 #0006, 0 8px 16px #0000004d, 0 0 25px rgba(var(--iso-primary-rgb), .4)}@keyframes iso-float{0%,to{transform:translateY(0)translateZ(0)}50%{transform:translateY(-8px)translateZ(4px)}}@keyframes iso-pulse-glow{0%,to{box-shadow:0 0 20px rgba(var(--iso-primary-rgb), .2)}50%{box-shadow:0 0 40px rgba(var(--iso-primary-rgb), .4)}}.iso-float{animation:3s ease-in-out infinite iso-float}.iso-pulse{animation:2s ease-in-out infinite iso-pulse-glow}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--iso-bg);width:100%;min-height:100vh;color:var(--iso-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{min-height:100vh}a{color:var(--iso-primary);transition:color var(--iso-transition);text-decoration:none}a:hover{color:rgba(var(--iso-primary-rgb), .8)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--iso-bg)}::-webkit-scrollbar-thumb{background:var(--iso-surface);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--iso-primary-rgb), .3)}