*{margin:0;padding:0;box-sizing:border-box;} body{font-family:'SF Pro Display','SF Pro Text',system-ui,-apple-system,sans-serif;line-height:1.6;color:#ffffff;background:#0a0a0f;overflow-x:hidden;}.use-case-page{min-height:100vh;position:relative;}.solar-system-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;background:radial-gradient(circle at center,#1a1a2e 0%,#16213e 40%,#0f0f23 100%);}.sun{position:absolute;top:50%;left:50%;width:120px;height:120px;background:radial-gradient(circle,#ffd700,#ff8c00,#ff4500);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 100px rgba(255,215,0,0.8),0 0 200px rgba(255,140,0,0.4);animation:sunPulse 4s ease-in-out infinite;}.planet{position:absolute;border-radius:50%;animation:orbit 20s linear infinite;}.planet-1{width:20px;height:20px;background:radial-gradient(circle,#4fc3f7,#2196f3);top:calc(50% - 10px);left:calc(50% + 200px);transform-origin:-200px 10px;animation-duration:15s;box-shadow:0 0 20px rgba(79,195,247,0.6);}.planet-2{width:15px;height:15px;background:radial-gradient(circle,#ff7043,#d84315);top:calc(50% - 7.5px);left:calc(50% + 150px);transform-origin:-150px 7.5px;animation-duration:12s;box-shadow:0 0 15px rgba(255,112,67,0.6);}.planet-3{width:25px;height:25px;background:radial-gradient(circle,#66bb6a,#388e3c);top:calc(50% - 12.5px);left:calc(50% + 300px);transform-origin:-300px 12.5px;animation-duration:25s;box-shadow:0 0 25px rgba(102,187,106,0.6);}.planet-4{width:18px;height:18px;background:radial-gradient(circle,#ab47bc,#7b1fa2);top:calc(50% - 9px);left:calc(50% + 250px);transform-origin:-250px 9px;animation-duration:18s;box-shadow:0 0 18px rgba(171,71,188,0.6);}.stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,0.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,0.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,0.4),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,0.3),transparent);background-repeat:repeat;background-size:200px 200px;animation:starTwinkle 6s ease-in-out infinite;}.nebula{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(138,43,226,0.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(30,144,255,0.1) 0%,transparent 50%);animation:nebulaFlow 30s ease-in-out infinite;}.navbar-space{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,15,0.9);backdrop-filter:blur(20px);border-bottom:1px solid rgba(138,43,226,0.3);transition:all 0.3s ease;}.nav-container-space{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1400px;margin:0 auto;}.nav-logo-space{display:flex;align-items:center;gap:0.75rem;font-size:1.5rem;font-weight:700;color:#ffffff;}.logo-icon-space{width:40px;height:40px;background:linear-gradient(135deg,#8a2be2,#4169e1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ffffff;box-shadow:0 0 20px rgba(138,43,226,0.4);}.nav-menu-space{display:flex;list-style:none;gap:2rem;margin:0;}.nav-link-space{color:#b4b4b4;text-decoration:none;font-weight:500;transition:all 0.3s ease;position:relative;padding:0.5rem 1rem;border-radius:8px;}.nav-link-space:hover,.nav-link-space.active{color:#ffffff;background:rgba(138,43,226,0.1);box-shadow:0 0 10px rgba(138,43,226,0.3);}.nav-actions{display:flex;gap:1rem;}.btn-download-space,.btn-demo-space{padding:0.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:0.5rem;}.btn-download-space{background:linear-gradient(135deg,#8a2be2,#4169e1);color:#ffffff;box-shadow:0 0 20px rgba(138,43,226,0.3);}.btn-demo-space{background:rgba(138,43,226,0.1);color:#8a2be2;border:1px solid rgba(138,43,226,0.3);}.btn-download-space:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(138,43,226,0.4);}.btn-demo-space:hover{background:rgba(138,43,226,0.2);transform:translateY(-2px);}.hamburger-space{display:none;flex-direction:column;gap:4px;cursor:pointer;}.hamburger-space span{width:25px;height:3px;background:#8a2be2;border-radius:2px;transition:all 0.3s ease;}.hero-space{padding:120px 0 60px;text-align:center;position:relative;z-index:10;}.container{max-width:1400px;margin:0 auto;padding:0 2rem;}.hero-content-space{max-width:800px;margin:0 auto;}.space-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffffff,#8a2be2,#4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 3s ease-in-out infinite;}.stellar-gradient{background:linear-gradient(135deg,#8a2be2,#4169e1,#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.space-subtitle{font-size:1.2rem;color:#b4b4b4;line-height:1.8;margin-bottom:2rem;}.scenario-navigation{padding:40px 0;position:relative;z-index:10;}.scenario-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;}.scenario-nav-item{background:rgba(10,10,15,0.8);border:1px solid rgba(138,43,226,0.3);border-radius:15px;padding:1.5rem;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;}.scenario-nav-item:hover{transform:translateY(-5px);border-color:#8a2be2;box-shadow:0 10px 30px rgba(138,43,226,0.3);}.scenario-nav-item.active{background:rgba(138,43,226,0.1);border-color:#8a2be2;box-shadow:0 5px 20px rgba(138,43,226,0.4);}.stellar-card{backdrop-filter:blur(15px);position:relative;}.nav-icon-space{width:50px;height:50px;background:linear-gradient(135deg,#8a2be2,#4169e1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:1.5rem;margin-bottom:1rem;box-shadow:0 0 20px rgba(138,43,226,0.4);}.nav-content-space{display:flex;flex-direction:column;gap:0.25rem;}.nav-title-space{font-size:1.2rem;font-weight:600;color:#ffffff;}.nav-desc{font-size:0.9rem;color:#888;}.orbit-ring{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid rgba(138,43,226,0.2);border-radius:15px;opacity:0;transition:opacity 0.3s ease;}.scenario-nav-item:hover .orbit-ring{opacity:1;animation:orbitSpin 2s linear infinite;}.use-case-content{padding:60px 0;position:relative;z-index:10;}.scenario-section{display:none;animation:fadeInStars 0.8s ease-out;}.scenario-section.active{display:block;}.scenario-header{margin-bottom:2rem;text-align:center;}.scenario-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;}.scenario-meta{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;}.user-type,.complexity{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(138,43,226,0.1);border:1px solid rgba(138,43,226,0.3);border-radius:20px;font-size:0.9rem;color:#8a2be2;}.scenario-description{background:rgba(10,10,15,0.8);border:1px solid rgba(138,43,226,0.3);border-radius:15px;padding:2rem;margin-bottom:3rem;box-shadow:0 5px 20px rgba(138,43,226,0.1);}.scenario-text h3{display:flex;align-items:center;gap:0.75rem;font-size:1.4rem;color:#ffffff;margin-bottom:1rem;}.scenario-text p{color:#b4b4b4;line-height:1.8;margin-bottom:1.5rem;}.scenario-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;}.highlight-point{display:flex;align-items:center;gap:0.75rem;padding:1rem;background:rgba(138,43,226,0.1);border-radius:10px;border:1px solid rgba(138,43,226,0.2);}.highlight-point i{color:#8a2be2;font-size:1.1rem;}.flowchart-container{margin-top:2rem;}.flowchart-container h3{display:flex;align-items:center;gap:0.75rem;font-size:1.4rem;color:#ffffff;margin-bottom:2rem;}.flowchart{background:rgba(10,10,15,0.8);border:1px solid rgba(138,43,226,0.3);border-radius:15px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:600px;position:relative;overflow:hidden;}.flowchart::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(138,43,226,0.05),transparent 70%);pointer-events:none;}.flowchart-node{background:linear-gradient(135deg,rgba(138,43,226,0.2),rgba(65,105,225,0.2));border:2px solid rgba(138,43,226,0.4);border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:0.75rem;color:#ffffff;font-weight:600;min-width:180px;justify-content:center;transition:all 0.3s ease;position:relative;z-index:1;}.flowchart-node:hover{transform:scale(1.05);box-shadow:0 5px 20px rgba(138,43,226,0.3);}.start-node{background:linear-gradient(135deg,#4caf50,#388e3c);border-color:#4caf50;box-shadow:0 0 20px rgba(76,175,80,0.4);}.end-node{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#f44336;box-shadow:0 0 20px rgba(244,67,54,0.4);}.decision-node{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ff9800;border-radius:50%;width:150px;height:150px;box-shadow:0 0 20px rgba(255,152,0,0.4);}.process-node{background:linear-gradient(135deg,#2196f3,#1565c0);border-color:#2196f3;box-shadow:0 0 20px rgba(33,150,243,0.4);}.error-node{background:linear-gradient(135deg,#e91e63,#ad1457);border-color:#e91e63;box-shadow:0 0 20px rgba(233,30,99,0.4);}.success-node{background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:#4caf50;box-shadow:0 0 20px rgba(76,175,80,0.4);}.loop-node{background:linear-gradient(135deg,#9c27b0,#6a1b9a);border-color:#9c27b0;border-radius:50%;width:140px;height:140px;box-shadow:0 0 20px rgba(156,39,176,0.4);}.flowchart-arrow{width:3px;height:40px;background:linear-gradient(to bottom,#8a2be2,#4169e1);border-radius:2px;position:relative;margin:0.5rem 0;}.flowchart-arrow::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #4169e1;}.arrow-yes,.arrow-no{font-size:0.9rem;font-weight:600;color:#ffffff;position:absolute;top:50%;left:120%;transform:translateY(-50%);background:rgba(138,43,226,0.8);padding:0.25rem 0.5rem;border-radius:4px;}.arrow-no{left:-80%;background:rgba(233,30,99,0.8);}.footer-space{background:rgba(10,10,15,0.9);border-top:1px solid rgba(138,43,226,0.3);padding:3rem 0 1rem;margin-top:4rem;position:relative;z-index:10;}.footer-content-space{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;}.footer-section-space h4{color:#ffffff;font-weight:600;margin-bottom:1rem;}.footer-section-space p,.footer-section-space li{color:#b4b4b4;margin-bottom:0.5rem;}.footer-section-space ul{list-style:none;}.footer-section-space a{color:#b4b4b4;text-decoration:none;transition:color 0.3s ease;}.footer-section-space a:hover{color:#8a2be2;}.footer-logo-space{display:flex;align-items:center;gap:0.75rem;font-size:1.5rem;font-weight:700;color:#ffffff;margin-bottom:1rem;}.footer-logo-space i{color:#8a2be2;}.footer-bottom-space{text-align:center;padding-top:2rem;border-top:1px solid rgba(138,43,226,0.3);color:#888;}@keyframes sunPulse{0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 100px rgba(255,215,0,0.8),0 0 200px rgba(255,140,0,0.4);}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 120px rgba(255,215,0,1),0 0 240px rgba(255,140,0,0.6);}}@keyframes orbit{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes starTwinkle{0%,100%{opacity:1;}50%{opacity:0.3;}}@keyframes nebulaFlow{0%,100%{opacity:0.3;}50%{opacity:0.7;}}@keyframes titleGlow{0%,100%{text-shadow:0 0 20px rgba(138,43,226,0.5);}50%{text-shadow:0 0 30px rgba(138,43,226,0.8),0 0 40px rgba(65,105,225,0.5);}}@keyframes fadeInStars{0%{opacity:0;transform:translateY(30px) scale(0.9);}100%{opacity:1;transform:translateY(0) scale(1);}}@keyframes orbitSpin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@media (max-width:1024px){.nav-menu-space{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(10,10,15,0.95);backdrop-filter:blur(20px);flex-direction:column;padding:2rem;border-top:1px solid rgba(138,43,226,0.3);}.nav-menu-space.active{display:flex;}.hamburger-space{display:flex;}.space-title{font-size:2.5rem;}.scenario-title{font-size:2rem;}.scenario-nav-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}.container{padding:0 1rem;}.scenario-meta{gap:1rem;}}@media (max-width:768px){.space-title{font-size:2rem;}.scenario-nav-grid{grid-template-columns:1fr;}.nav-container-space{padding:1rem;}.scenario-highlights{grid-template-columns:1fr;}.footer-content-space{grid-template-columns:1fr;text-align:center;}.flowchart-node{min-width:150px;padding:0.75rem 1rem;}.decision-node{width:120px;height:120px;}.loop-node{width:110px;height:110px;}}@media (max-width:480px){.space-title{font-size:1.8rem;}.scenario-title{font-size:1.5rem;}.nav-actions{display:none;}.flowchart{padding:1rem;}.flowchart-node{min-width:120px;font-size:0.9rem;}}