@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;700&family=Rajdhani:wght@500;600;700&display=swap";:root{--bg: #0A0A0F;--surface: #15151D;--primary: #F97316;--primary-dark: #EA580C;--accent: #FB923C;--text: #FAFAFA;--text-muted: #A1A1AA;--border: #27272A;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--radius: 4px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #F9731626;--shadow-hover: 0 16px 48px rgba(0,0,0,.6), 0 0 36px #FB923C40;--shadow-button-hover: 0 0 28px var(--primary), 0 0 12px var(--accent)}body{margin:0;padding:0;background:linear-gradient(135deg,#0a0a0f,#15151d),repeating-linear-gradient(0deg,transparent,transparent 49px,#F973160a 50px),var(--bg);color:var(--text);font-family:IBM Plex Sans,Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.app-container{display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:1200px;width:100%;box-sizing:border-box;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image 1s ease-in-out}.header{text-align:center;margin-bottom:3rem;position:relative;padding-bottom:1rem;border-bottom:2px solid var(--primary);width:100%;display:flex;flex-direction:column;align-items:center}.main-title{font-family:Rajdhani,IBM Plex Sans,sans-serif;font-size:3.5rem;font-weight:700;color:var(--text);text-shadow:0 0 20px var(--accent);margin:0;letter-spacing:2px}.avata2-hero-image{max-width:80%;height:auto;margin-top:1.5rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 25px var(--primary));border-radius:var(--radius);object-fit:contain}.avata2-hero-image-fallback{font-size:5rem;margin-top:1.5rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 25px var(--primary))}.cloud-sync-status{position:absolute;top:-1.5rem;right:0;background:var(--surface);color:var(--text-muted);font-size:.85rem;padding:.3rem .8rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 8px #0000004d;opacity:.9}.header-spaceship{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-100%);width:80px;height:auto;filter:drop-shadow(0 0 10px var(--primary));animation:fly-in 2s ease-out forwards}.header-spaceship-fallback{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-100%);font-size:3rem;filter:drop-shadow(0 0 10px var(--primary))}@keyframes fly-in{0%{transform:translate(-50%) translateY(-200%) scale(.5);opacity:0}to{transform:translate(-50%) translateY(-100%) scale(1);opacity:1}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);font-size:1.2rem}.spinner-icon{margin-bottom:1rem}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;margin-bottom:3rem}.performance-section{background:#15151dd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow);transition:all .3s ease-out;position:relative;overflow:hidden}.performance-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:border-scan 4s infinite linear}@keyframes border-scan{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}.section-icon-wrapper{background:var(--primary);padding:.8rem;border-radius:var(--radius);margin-bottom:1.5rem;display:inline-flex;box-shadow:0 0 15px var(--primary)}.section-icon{color:var(--bg)}.section-title{font-family:Rajdhani,IBM Plex Sans,sans-serif;font-size:1.8rem;font-weight:600;color:var(--accent);margin-top:0;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(251,146,60,.5)}.feature-list{list-style:none;padding:0;margin:0;width:100%}.feature-item{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px dashed rgba(var(--border),.5)}.feature-item:last-child{border-bottom:none}.feature-label{color:var(--text-muted);font-weight:500;flex-shrink:0;margin-right:1rem}.feature-value{color:var(--text);text-align:right;flex-grow:1}.decorative-icons{position:absolute;bottom:1rem;right:1rem;display:flex;gap:.5rem;opacity:.3}.decorative-icon,.decorative-icon-fallback{width:24px;height:24px;filter:drop-shadow(0 0 5px var(--accent))}.decorative-icon-fallback{font-size:1.5rem;line-height:1}.action-button{background:linear-gradient(90deg,var(--primary),var(--accent));color:var(--text);border:none;padding:1rem 2rem;border-radius:var(--radius);font-family:Rajdhani,sans-serif;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease-out;display:flex;align-items:center;gap:.5rem;box-shadow:0 0 20px #f9731699;text-transform:uppercase;letter-spacing:1px;text-decoration:none}.action-button:hover{background:linear-gradient(90deg,var(--accent),var(--primary));box-shadow:var(--shadow-button-hover)}@media (max-width: 768px){.main-title{font-size:2.5rem}.avata2-hero-image{max-width:90%}.avata2-hero-image-fallback{font-size:4rem}.performance-grid{grid-template-columns:1fr}.cloud-sync-status{position:static;margin-top:1rem;display:block;width:fit-content;margin-left:auto;margin-right:auto}.header-spaceship{width:60px}.header-spaceship-fallback{font-size:2.5rem}}@media (max-width: 480px){.main-title{font-size:2rem}.avata2-hero-image{max-width:100%}.avata2-hero-image-fallback{font-size:3rem}.performance-section{padding:1.5rem}.section-title{font-size:1.5rem}.action-button{padding:.8rem 1.5rem;font-size:1rem}}