:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px var(--accent-glow);line-height:1.6;font-weight:400;color-scheme:dark;--bg-color: #0f0f12;--bg-secondary: #16161a;--bg-tertiary: #1e1e24;--card-bg: rgba(22, 22, 26, .85);--grid-color: rgba(65, 90, 119, .06);--text-main: #e8e8ec;--text-muted: #9ca3af;--text-subtle: #6b7280;--accent-primary: #415a77;--accent-secondary: #6b9ac4;--accent-tertiary: #6b9ac4;--accent-glow: rgba(65, 90, 119, .25);--accent-glow-cyan: rgba(107, 154, 196, .2);--nav-bg: rgba(15, 15, 18, .95);--border-color: rgba(65, 90, 119, .15);--logo-filter: invert(1);--pattern-opacity: .006;--gradient-primary: linear-gradient(135deg, var(--accent-secondary) 0%, var(--accent-primary) 100%);--title-gradient: linear-gradient(135deg, #ffffff 0%, #a8c5e2 50%, #7fadcf 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{color-scheme:light;--bg-color: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #f1f3f5;--card-bg: rgba(255, 255, 255, .92);--grid-color: rgba(65, 90, 119, .05);--text-main: #1a1d21;--text-muted: #4b5563;--text-subtle: #6b7280;--accent-primary: #415a77;--accent-secondary: #6b9ac4;--accent-tertiary: #6b9ac4;--accent-glow: rgba(65, 90, 119, .15);--accent-glow-cyan: rgba(107, 154, 196, .15);--nav-bg: rgba(248, 249, 250, .96);--border-color: rgba(65, 90, 119, .12);--logo-filter: none;--pattern-opacity: .01;--title-gradient: var(--gradient-primary)}html{scroll-behavior:smooth;font-family:var(--font-body)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-main);transition:background-color .4s ease,color .4s ease;position:relative;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;background-image:url(/archyosh.svg);background-size:80px 88px;background-repeat:repeat;opacity:var(--pattern-opacity);filter:var(--logo-filter);pointer-events:none;z-index:0}#root{width:100%;margin:0 auto;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;letter-spacing:-.02em}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-secondary),var(--accent-tertiary))}.glass-panel{background:var(--card-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-color);box-shadow:0 4px 30px #00000026,0 1px 3px #0000001a,inset 0 1px #ffffff0d;transition:all .3s ease}.glass-panel:hover{border-color:#6366f14d;box-shadow:0 8px 40px #0003,0 0 30px var(--accent-glow),inset 0 1px #ffffff14}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-animated{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary),var(--accent-secondary),var(--accent-primary));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 8s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}a{text-decoration:none;color:inherit;transition:color .2s ease}a:hover{color:var(--accent-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-8);padding:var(--space-8) 0}.card{display:flex;flex-direction:column;min-height:340px;border-radius:var(--radius-2xl);overflow:visible;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease;background-color:var(--card-bg);position:relative}.card:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-2xl);padding:1px;background:linear-gradient(135deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.card:hover:before{background:var(--gradient-primary);opacity:1}.card:hover{box-shadow:0 20px 60px #6366f133,0 0 40px var(--accent-glow);transform:translateY(-8px)}.card-image-container{position:relative;height:200px;width:100%;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);overflow:hidden;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;flex-shrink:0}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.card:hover .card-image{transform:scale(1.08)}.card-content{padding:var(--space-6);display:flex;flex-direction:column;flex-grow:1}.card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-2) 0;color:var(--text-main);transition:color .3s ease}.card:hover .card-title{color:var(--accent-secondary)}.card-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-4);align-items:center}.btn-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:#6366f126;color:var(--text-main);transition:all .3s ease;border:1px solid transparent}.btn-icon:hover{background:#6366f14d;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 20px var(--accent-glow)}.btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);box-shadow:0 4px 20px var(--accent-glow);transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.status-text{font-size:var(--text-sm);color:var(--text-muted);display:flex;align-items:center}.section-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));margin-bottom:var(--space-8);border-left:4px solid var(--accent-primary);padding-left:var(--space-4);color:var(--text-main);position:relative}.section-title:after{content:"";position:absolute;left:0;bottom:-8px;width:60px;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full)}.site-title{font-family:var(--font-display);font-size:clamp(var(--text-4xl),12vw,var(--text-7xl));font-weight:700;margin:0;letter-spacing:-.04em;line-height:1;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 60px var(--accent-glow))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 60px var(--accent-glow-cyan)}}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}::selection{background:var(--accent-primary);color:#fff}@media(max-width:768px){.container{padding:0 var(--space-5)}section.container{padding-left:var(--space-5);padding-right:var(--space-5)}.app-grid{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-4) 0}.glass-panel{border-radius:var(--radius-xl);padding:var(--space-6)}.card{min-height:auto;overflow:hidden}.card-image-container{height:180px}.card-content{padding:var(--space-4)}.card-title{font-size:var(--text-lg)}.card-actions{gap:var(--space-3)}.btn-primary{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.btn-icon{width:40px;height:40px}}@media(max-width:480px){.container{padding:0 var(--space-4)}section.container{padding-left:var(--space-4);padding-right:var(--space-4)}.glass-panel{padding:var(--space-5)}.card-image-container{height:160px}.card-content{padding:var(--space-4)}}:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}