@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Space Grotesk", var(--font-sans);--font-mono: "JetBrains Mono", monospace;--accent-primary: #D7263D;--accent-primary-hover: #b81d31;--accent-secondary: #51607A;--accent-gradient: linear-gradient(135deg, #D7263D 0%, #A31D2E 100%);--accent-glow: rgba(215, 38, 61, .18);--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--bg-primary: #0E1117;--bg-secondary: #151A23;--bg-card: rgba(21, 26, 35, .9);--bg-card-hover: rgba(28, 35, 48, .98);--bg-elevated: #1C2330;--bg-overlay: rgba(10, 15, 26, .85);--nav-bg: rgba(14, 17, 23, .88);--nav-bg-scrolled: rgba(21, 26, 35, .96);--border-subtle: rgba(255, 255, 255, .08);--border-hover: rgba(215, 38, 61, .45);--border-strong: rgba(255, 255, 255, .16);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverted: #0F172A;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px -4px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px rgba(215, 38, 61, .22);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--nav-height: 72px}[data-theme=light]{--bg-primary: #F7F8FA;--bg-secondary: #FFFFFF;--bg-card: rgba(255, 255, 255, .96);--bg-card-hover: #FFFFFF;--bg-elevated: #EEF2F6;--bg-overlay: rgba(15, 23, 42, .72);--nav-bg: rgba(247, 248, 250, .92);--nav-bg-scrolled: rgba(255, 255, 255, .98);--border-subtle: rgba(0, 0, 0, .08);--border-hover: rgba(215, 38, 61, .45);--border-strong: rgba(0, 0, 0, .14);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-inverted: #F8FAFC;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 8px 20px -4px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 36px -12px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(215, 38, 61, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 20px)}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}h1,h2,h3,.section-title{font-family:var(--font-heading);letter-spacing:-.025em}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-mesh-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 25%,black 45%,transparent 90%);mask-image:radial-gradient(circle at 50% 25%,black 45%,transparent 90%);opacity:.45}.bg-mesh-glow-1{position:absolute;top:-8%;left:25%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(215,38,61,.08) 0%,transparent 70%);filter:blur(90px)}.bg-mesh-glow-2{position:absolute;top:50%;right:-5%;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(81,96,122,.08) 0%,transparent 70%);filter:blur(90px)}.container{width:100%;max-width:1220px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}@media(max-width:640px){.container{padding:0 1rem}}.section{padding:5rem 0;position:relative}@media(max-width:768px){.section{padding:3.5rem 0}}@media(max-width:480px){.section{padding:2.8rem 0}}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.section-header{text-align:center;max-width:760px;margin:0 auto 3rem}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .95rem;background:#d7263d1a;border:1px solid rgba(215,38,61,.28);color:var(--accent-primary);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);margin-bottom:.9rem}.section-title{font-size:2.35rem;font-weight:800;margin-bottom:.8rem;line-height:1.22}@media(max-width:768px){.section-title{font-size:1.85rem}}.section-subtitle{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--font-sans);font-size:.925rem;font-weight:600;padding:.7rem 1.45rem;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid transparent;outline:none}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 3px 14px #d7263d4d}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d7263d66}.btn-secondary{background:var(--bg-card);border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-secondary);transform:translateY(-2px)}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#d7263d0d}.btn-sm{padding:.42rem .9rem;font-size:.825rem;border-radius:var(--radius-sm)}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:2rem;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;position:relative}@media(max-width:640px){.glass-card{padding:1.35rem 1.15rem}}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pulse-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .95rem;background:#10b9811f;border:1px solid rgba(16,185,129,.32);color:var(--success);font-size:.85rem;font-weight:600;border-radius:var(--radius-full)}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:var(--success);position:relative}.pulse-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background-color:var(--success);opacity:.6;animation:pulseAnim 2s infinite}@keyframes pulseAnim{0%{transform:scale(1);opacity:.7}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:flex-start;justify-content:center;padding:2.5rem 1rem;overflow-y:auto;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:740px;max-height:calc(100vh - 5rem);overflow-y:auto;box-shadow:0 25px 60px -15px #00000080;padding:2.2rem;position:relative;margin:auto;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@media(max-width:640px){.modal-overlay{padding:.8rem .5rem}.modal-content{padding:1.35rem 1rem;max-height:calc(100vh - 1.6rem);border-radius:var(--radius-md)}}.floating-actions-bar{position:fixed;bottom:24px;right:24px;z-index:990;display:flex;align-items:center;gap:12px;pointer-events:none}.floating-circle-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,.08);background:#fff;color:#3b82f6;box-shadow:0 4px 16px #0000001a;transition:transform .2s ease,box-shadow .2s ease,background-color .25s ease;flex-shrink:0}.floating-circle-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #3b82f640;color:#2563eb}[data-theme=dark] .floating-circle-btn{background:var(--bg-elevated);border-color:var(--border-strong);color:#60a5fa;box-shadow:0 4px 18px #00000073}[data-theme=dark] .floating-circle-btn:hover{background:var(--bg-secondary);box-shadow:0 8px 24px #60a5fa4d;color:#93c5fd}@media(max-width:768px){.floating-actions-bar{bottom:calc(16px + env(safe-area-inset-bottom,0px));right:16px;gap:8px}.floating-circle-btn{width:44px;height:44px}}@media(max-width:400px){.floating-actions-bar{bottom:calc(12px + env(safe-area-inset-bottom,0px));right:12px;gap:6px}.floating-circle-btn{width:40px;height:40px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.tech-tag{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.75rem;padding:.22rem .6rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .15s ease}.tech-tag:hover{border-color:var(--accent-primary);color:var(--text-primary)}.nav-link-item{white-space:nowrap;text-decoration:none;font-size:.875rem;font-weight:600;color:var(--text-secondary);padding:.42rem .85rem;border-radius:var(--radius-full);transition:all .18s ease;border:1px solid transparent;display:inline-flex;align-items:center}.nav-link-item:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-link-item.active{color:#fff!important;background:var(--accent-primary)!important;font-weight:700;box-shadow:0 2px 10px #d7263d59}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{nav,footer,.btn,.bg-mesh,.theme-toggle-btn,.modal-overlay{display:none!important}body{background:#fff!important;color:#000!important;font-size:11pt}.container{max-width:100%!important;padding:0!important}.glass-card{border:1px solid #CCCCCC!important;box-shadow:none!important;page-break-inside:avoid}}
