@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--background:#0d0d0d;--surface:#1a1a1a;--surface-hover:#262626;--border:#333;--primary:#e60000;--primary-hover:#ff1a1a;--primary-glow:#e6000066;--text:#fff;--text-muted:#a3a3a3;--radius:8px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--bg-panel:var(--background);--bg-surface:var(--surface);--text-main:var(--text);--border-color:var(--border)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;font-family:inherit;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;transition:var(--transition);background:0 0;border:none;font-family:inherit;font-size:1rem}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);box-shadow:0 0 10px var(--primary-glow);justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 0 20px var(--primary-glow);transform:translateY(-1px)}.input-field{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius);transition:var(--transition);outline:none;padding:.75rem 1rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);background:#1a1a1ab3;border:1px solid #ffffff1a;padding:2rem}.cloud-workspace-dashboard{color:#fff;background-color:#050505;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:40px;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.background-orbitals{z-index:0;pointer-events:none;background:radial-gradient(circle,#e6000008 0%,#0000 60%);width:150vw;height:150vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dashboard-header{z-index:10;text-align:center;width:100%;margin-bottom:20px;position:relative}.main-logo-area{letter-spacing:3px;font-size:1.5rem;font-weight:900}.main-saga-text{color:#fff}.main-forge-text{color:var(--primary)}.universal-archive{z-index:20;flex-direction:column;align-items:center;margin-top:40px;margin-bottom:60px;display:flex;position:relative}.universal-archive-graphic{filter:drop-shadow(0 0 20px #e6000033)}.orbit-ring-outer{animation:40s linear infinite rotateRight}.orbit-ring-inner{animation:30s linear infinite rotateLeft}.orbit-ring-core{animation:4s ease-in-out infinite pulseGlow}.folder-and-data{transition:transform .3s}.universal-archive:hover .folder-and-data{transform:scale(1.05)}.universal-archive:hover .universal-archive-graphic{filter:drop-shadow(0 0 30px #e6000066)}.data-pulse{animation:2s infinite alternate dataFlicker}.cloud-workspace-description{color:#888;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 4px #000c;margin-top:20px;font-size:13px}.holographic-projects-grid{z-index:15;flex-wrap:wrap;justify-content:center;gap:30px;width:100%;max-width:1000px;padding:40px;display:flex;position:relative}.holographic-init-area{justify-content:center;align-items:center;width:220px;height:140px;display:flex}.holographic-init-card{cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a0a99;border:1px dashed #e6000066;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex}.holographic-init-card:hover{background:#140a0acc;border-color:#e60000cc;transform:translateY(-5px);box-shadow:0 0 20px #e600004d}.init-icon{color:var(--primary);margin-bottom:10px;transition:transform .3s}.holographic-init-card:hover .init-icon{transform:rotate(90deg)scale(1.1)}.init-text{letter-spacing:1px;text-transform:uppercase;color:#aaa;font-size:11px;font-weight:700}.holographic-form{border:1px solid var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0505e6;border-radius:12px;width:100%;height:100%;padding:15px;box-shadow:0 0 25px #e6000066}.holographic-form form{flex-direction:column;justify-content:space-between;height:100%;display:flex}.holographic-form input{color:#fff;background:#000;border:1px solid #e600004d;border-radius:6px;outline:none;width:100%;padding:10px;font-size:12px;transition:border-color .2s}.holographic-form input:focus{border-color:var(--primary);box-shadow:0 0 10px #e6000033}.form-buttons{gap:10px;display:flex}.form-buttons button{text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;flex:1;padding:8px;font-size:11px;font-weight:700;transition:all .2s}.form-buttons button[type=button]{color:#888;background:0 0;border:1px solid #ffffff1a}.form-buttons button[type=button]:hover{color:#fff;background:#ffffff0d}.form-buttons button[type=submit]{background:var(--primary);color:#fff}.form-buttons button[type=submit]:hover{background:var(--primary-hover);box-shadow:0 0 15px #e6000080}.holographic-project-card{cursor:pointer;width:220px;height:140px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.project-card-panels{width:100%;height:100px;position:relative}.card-panel-base{color:#e600004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141414cc;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:calc(100% - 20px);height:calc(100% - 20px);transition:all .3s;display:flex;position:absolute;top:10px;left:10px}.card-panel-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#1e1e1e66 0%,#0a0a0ae6 100%);border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:15px;transition:all .4s;display:flex;position:absolute;top:0;left:0;transform:translateZ(20px);box-shadow:0 10px 20px #00000080}.holographic-project-card:hover{transform:translateY(-10px)}.holographic-project-card:hover .card-panel-base{color:#e60000cc;border-color:#e6000033;transform:translate(-5px,5px)}.holographic-project-card:hover .card-panel-overlay{border-color:#e6000080;box-shadow:0 15px 30px #e6000033,inset 0 0 20px #e600001a}.project-title{color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px #000c;font-size:14px;font-weight:800}.project-id{color:#e60000cc;word-break:break-all;font-family:monospace;font-size:9px}.project-card-footer{text-align:center;opacity:.5;margin-top:10px;transition:opacity .3s}.holographic-project-card:hover .project-card-footer{opacity:1}.project-date{color:#888;letter-spacing:.5px;font-size:10px}@keyframes rotateRight{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateLeft{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulseGlow{0%,to{stroke:#e600004d;stroke-width:.25px}50%{stroke:#e60000;stroke-width:1px}}@keyframes dataFlicker{0%,to{opacity:.3}50%{opacity:1;filter:drop-shadow(0 0 2px #fff)}}