/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--bg:#f7fcf9;--bg-elevated:#fff;--surface:#2d6a4f0d;--surface-strong:#ecf5ef;--border:#2d6a4f1f;--border-strong:#2d6a4f38;--text:#15241c;--text-muted:#3d5248;--text-dim:#6b8578;--accent:#2a6346;--accent-2:#4caf70;--accent-light:#dceee2;--font-display:"Syne", system-ui, sans-serif;--font-sans:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:16px;--radius-lg:20px;--radius-xl:24px;--max:1080px;--shadow-xs:0 1px 2px #15241c0a;--shadow-sm:0 4px 20px #15241c0f;--shadow-md:0 12px 40px #15241c14;--shadow-lg:0 20px 60px #15241c1a;--shadow-glow:0 8px 32px #2a63462e;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,#root{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{color:var(--text);background:#4caf7047}.app{background:radial-gradient(ellipse 80% 55% at 85% -5%, #8cd2a024, transparent 50%), radial-gradient(ellipse 60% 45% at 5% 95%, #b4e6c32e, transparent 45%), radial-gradient(ellipse 50% 40% at 50% 50%, #dceee259, transparent 70%), var(--bg);min-height:100vh;position:relative}.app:before{content:"";z-index:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;position:fixed;inset:0}.bg-canvas{z-index:0;pointer-events:none;opacity:.35;position:fixed;inset:0}.bg-canvas canvas{display:block}.app-content{z-index:1;position:relative}.app-stars{z-index:0;pointer-events:none;opacity:.22;position:fixed;inset:0}.app-stars canvas{width:100%;height:100%;display:block}.site-header{z-index:100;position:fixed;top:0;left:0;right:0}.site-header-inner{-webkit-backdrop-filter:blur(20px)saturate(1.35);transition:background .35s var(--ease-out), border-color .35s var(--ease-out), box-shadow .35s var(--ease-out);background:#ffffffb8;border-bottom:1px solid #2d6a4f14}.site-header--scrolled .site-header-inner{border-bottom-color:var(--border);box-shadow:var(--shadow-sm);background:#ffffffeb}.nav-ayah{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin:0;padding:6px 24px 0;display:flex}.nav-ayah-arabic{color:var(--text);white-space:nowrap;direction:rtl;font-size:13px;line-height:1.35}.nav-ayah-sep{background:#2a634647;border-radius:50%;flex-shrink:0;width:3px;height:3px}.nav-ayah-en{color:var(--text-dim);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 8px;font-size:11px;line-height:1.35;display:inline-flex}.nav-ayah-quote{font-style:italic}.nav-ayah-ref{font-style:normal;font-family:var(--font-mono);letter-spacing:.03em;color:var(--accent);white-space:nowrap;font-size:10px}.site-header--scrolled .nav-ayah{padding-top:4px}.site-header--scrolled .nav-ayah-en{display:none}.nav{-webkit-backdrop-filter:none;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:8px 24px;display:flex;position:relative}.nav--scrolled{box-shadow:none;background:0 0;border-bottom-color:#0000}.nav-logo{flex-shrink:0;align-items:center;height:100%;line-height:0;text-decoration:none;display:inline-flex}.nav-logo-lockup{align-items:center;gap:10px;height:48px;display:inline-flex}.nav-logo-icon{object-fit:contain;flex-shrink:0;width:auto;height:48px;display:block}.nav-logo-wordmark{object-fit:contain;flex-shrink:0;width:auto;height:28px;display:block}@media (width>=768px){.nav-logo-lockup{gap:12px;height:52px}.nav-logo-icon{height:52px}.nav-logo-wordmark{height:30px}}@media (width<=480px){.nav{min-height:56px;padding:6px 16px}.nav-logo-lockup{gap:8px;height:42px}.nav-logo-icon{height:42px}.nav-logo-wordmark{height:24px}}.nav-links{gap:4px;display:flex}.nav-link{color:var(--text-muted);transition:color .2s var(--ease-out), background .2s var(--ease-out);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--accent);background:#4caf701a}.nav-cta{color:#fff;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), filter .2s var(--ease-out);background:linear-gradient(135deg,#3d8b5f 0%,#2a6346 100%);border:none;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 4px 16px #2a634647}.nav-cta:hover{filter:brightness(1.06);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.nav-right{align-items:center;gap:8px;display:flex}.nav-icon-btn{background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 10px #0000001f}.nav-icon-btn .github-icon-img{border-radius:50%;width:40px;height:40px}.nav-icon-btn:hover{transform:scale(1.06);box-shadow:0 4px 14px #0000002e}.nav-menu-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:8px;font-size:18px;display:none}.nav-mobile{z-index:99;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex;position:fixed;top:64px;left:12px;right:12px;box-shadow:0 12px 40px #1e3c2d14}.nav-mobile-link{color:var(--text-muted);border-radius:8px;padding:14px 16px;font-size:15px;text-decoration:none}.nav-mobile-link:hover{background:var(--surface);color:var(--text)}.hero-wrap{flex-direction:column;min-height:100dvh;display:flex;position:relative}.hero-bg{z-index:0;pointer-events:none;opacity:.5;position:absolute;inset:0}.stars-canvas,.hero-canvas,.planet-canvas,.earth-canvas,.contact-canvas{width:100%;height:100%;display:block}.hero-layout{z-index:1;flex:1;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:128px 24px 80px;display:grid;position:relative}@media (width>=900px){.hero-layout{grid-template-columns:.82fr 1.18fr;gap:32px;padding-top:112px}}.hero-content{max-width:560px}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:#4caf701a;border:1px solid #2a634624;border-radius:999px;margin-bottom:20px;padding:6px 14px;font-size:10px;font-weight:600;display:inline-block}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);font-size:clamp(40px,7.5vw,72px);font-weight:800;line-height:1.02}.hero-edu{font-family:var(--font-mono);color:var(--text-dim);margin-top:10px;font-size:12px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-gradient{color:#0000;background:linear-gradient(120deg,#1e5238 0%,#2a6346 35%,#4caf70 65%,#2f7a52 100%);-webkit-background-clip:text;background-clip:text}.hero-line{color:var(--text-muted);max-width:520px;margin-top:20px;font-size:clamp(18px,2.5vw,24px);line-height:1.5}.hero-canvas-wrap{width:100%;height:min(62vh,540px);min-height:360px;transition:height .35s,min-height .35s;position:relative}.hero-canvas{z-index:1;position:relative}.desk-terminal-overlay{z-index:2;pointer-events:auto;border-radius:2px;position:absolute;overflow:hidden;container-type:size}.hero-terminal-chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.hero-terminal-chip{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;box-shadow:var(--shadow-xs);transition:border-color .2s var(--ease-out), color .2s var(--ease-out), background .2s var(--ease-out), box-shadow .2s var(--ease-out), transform .2s var(--ease-out);background:#ffffffd9;border-radius:999px;padding:7px 14px;font-size:11px;font-weight:600}.hero-terminal-chip:hover{color:var(--accent);box-shadow:var(--shadow-sm);background:#fff;border-color:#2a63464d;transform:translateY(-1px)}@media (width>=900px){.hero-canvas-wrap{height:min(78vh,680px);min-height:480px}}.hero-canvas-wrap--terminal{height:min(72vh,640px);min-height:440px}@media (width>=900px){.hero-canvas-wrap--terminal{height:min(88vh,820px);min-height:560px}}.hero-game-note{color:var(--text-dim);margin-top:20px;font-size:13px}.hero-game-note strong{color:var(--accent);font-weight:600}.desk-terminal{cursor:text;width:100%;height:100%}.desk-terminal-screen{width:100%;height:100%;font-family:var(--font-mono);box-shadow:none;background:#0208068c;border:none;border-radius:0;flex-direction:column;padding:5% 6% 4%;display:flex;position:relative}.desk-terminal--focused .desk-terminal-screen{background:#020806b8}.desk-terminal--on-screen .desk-terminal-screen:after{content:"";pointer-events:none;opacity:.4;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000001f 3px);position:absolute;inset:0}.desk-terminal-scroll{scrollbar-width:none;flex:1;min-height:0;margin-bottom:3%;overflow-y:auto}.desk-terminal-scroll::-webkit-scrollbar{display:none}.desk-terminal-line{color:#d4f5dc;white-space:pre-wrap;word-break:break-word;font-size:clamp(7px,11cqh,12px);line-height:1.4}.desk-terminal-line:first-child{color:#7dd99a}.desk-terminal-form{border-top:1px solid #5cb87a38;flex-shrink:0;align-items:center;gap:4px;padding-top:4%;display:flex}.desk-terminal-prompt{color:#7dd99a;flex-shrink:0;font-size:clamp(8px,12cqh,13px);font-weight:700}.desk-terminal-input{color:#fff;min-width:0;font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;font-size:clamp(8px,12cqh,13px)}.desk-terminal-input::placeholder{color:#b8e6c866}.desk-terminal-line--board{letter-spacing:.12em;color:#a8e8bc;font-size:clamp(9px,13cqh,15px);font-weight:700;line-height:1.25}.desk-terminal--ttt .desk-terminal-scroll{flex:1.2}.hero-scroll{z-index:2;flex-direction:column;align-items:center;text-decoration:none;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero-scroll-dot{background:var(--accent-2);border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #5cb87a80}.section-intro{color:var(--text-muted);max-width:720px;margin-top:16px;font-size:17px;line-height:1.7}.section-subtitle{font-family:var(--font-display);letter-spacing:-.03em;margin-top:6px;font-size:clamp(24px,3.2vw,30px);font-weight:800}.services-grid{gap:16px;margin-top:40px;display:grid}@media (width>=640px){.services-grid{grid-template-columns:repeat(2,1fr)}}.service-card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:border-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform .3s var(--ease-out);background:#ffffffe0;padding:26px 28px}.service-card:hover{box-shadow:var(--shadow-md);border-color:#2a634638;transform:translateY(-3px)}.service-card-num{font-family:var(--font-mono);color:var(--accent-2);font-size:11px}.service-card-title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:10px;font-size:18px;font-weight:700}.service-card-desc{color:var(--text-muted);margin-top:8px;font-size:14px;line-height:1.55}.vtimeline{max-width:900px;margin-top:48px;position:relative}.vtimeline:before{content:"";background:linear-gradient(180deg, var(--accent-2), #2f6f4e26);width:2px;position:absolute;top:0;bottom:0;left:20px}@media (width>=768px){.vtimeline:before{left:50%;transform:translate(-50%)}}.vtimeline-item{padding-bottom:32px;padding-left:52px;position:relative}@media (width>=768px){.vtimeline-item{width:50%;padding-left:0;padding-right:40px}.vtimeline-item:nth-child(2n){margin-left:50%;padding-left:40px;padding-right:0}}.vtimeline-marker{border:3px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 2px var(--accent-2);border-radius:50%;position:absolute;top:24px;left:14px}@media (width>=768px){.vtimeline-marker{left:auto;right:-7px}.vtimeline-item:nth-child(2n) .vtimeline-marker{left:-7px;right:auto}}.vtimeline-card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:border-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform .3s var(--ease-out);background:#ffffffe6;gap:16px;padding:22px 24px;display:flex}.vtimeline-card:hover{box-shadow:var(--shadow-md);border-color:#2a634638;transform:translateY(-2px)}.vtimeline-icon{width:44px;height:44px;font-family:var(--font-mono);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.vtimeline-title{font-size:17px;font-weight:600}.vtimeline-company{color:var(--accent);margin-top:4px;font-size:14px}.vtimeline-date{font-family:var(--font-mono);color:var(--text-dim);margin-top:2px;font-size:11px}.vtimeline-points{flex-direction:column;gap:8px;margin-top:12px;list-style:none;display:flex}.vtimeline-points li{color:var(--text-muted);padding-left:14px;font-size:13px;line-height:1.55;position:relative}.vtimeline-points li:before{content:"▸";color:var(--accent-2);font-size:10px;position:absolute;left:0}.section.tech-section-block{padding-bottom:32px}#work.section{padding-top:40px}.tech-neural-net{border-radius:var(--radius-xl);border:1px solid var(--border);min-height:300px;box-shadow:var(--shadow-sm);background:radial-gradient(80% 60% at 50% 0,#4caf701a,#0000 55%),linear-gradient(160deg,#fffffff2 0%,#ecf5efbf 100%);margin-top:44px;padding:28px 20px 24px;position:relative;overflow:hidden}.tech-neural-net:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 1px 1px,#2a634612 1px,#0000 0);background-size:22px 22px;position:absolute;inset:0}.tech-neural-svg{pointer-events:none;z-index:1;position:absolute;inset:0}.tech-neural-line{stroke:#4caf702e;stroke-width:1.5px;stroke-linecap:round;animation:2.8s ease-in-out infinite tech-line-glow}.tech-neural-signal{fill:var(--accent-2);filter:drop-shadow(0 0 4px #4caf70cc)}@keyframes tech-line-glow{0%,to{stroke:#4caf701f;stroke-width:1px}50%{stroke:#4caf7061;stroke-width:1.5px}}.tech-neural-layers{z-index:2;justify-content:space-between;align-items:stretch;gap:8px;min-height:260px;display:flex;position:relative}.tech-neural-layer{flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.tech-neural-layer-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);background:#ffffffb3;border:1px solid #2a63461a;border-radius:999px;padding:4px 10px;font-size:9px;font-weight:600}.tech-neural-layer-nodes{flex-direction:column;flex:1;justify-content:space-around;align-items:center;gap:14px;width:100%;padding:8px 0;display:flex}.tech-neural-node-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.tech-neural-node{width:52px;height:52px;transition:border-color .2s var(--ease-out), transform .2s var(--ease-out);background:#fff;border:2px solid #2a634638;border-radius:50%;justify-content:center;align-items:center;display:flex}.tech-neural-node:hover{border-color:var(--accent-2);transform:scale(1.08)}.tech-neural-node img{object-fit:contain;width:26px;height:26px;display:block}.tech-neural-label{color:var(--text-dim);text-align:center;max-width:72px;font-size:10px;line-height:1.25}@media (width<=640px){.tech-neural-net{min-height:320px;padding:20px 12px 18px}.tech-neural-layers{gap:4px;min-height:280px}.tech-neural-node{width:44px;height:44px}.tech-neural-node img{width:22px;height:22px}.tech-neural-label{max-width:56px;font-size:9px}.tech-neural-layer-label{padding:3px 8px;font-size:8px}.tech-neural-layer-nodes{gap:10px}}.feedbacks-section{padding-bottom:40px}.feedbacks-grid{gap:20px;margin-top:40px;display:grid}@media (width>=768px){.feedbacks-grid{grid-template-columns:repeat(3,1fr)}}.feedback-card{border-radius:var(--radius-xl);border:1px solid var(--border);min-height:240px;box-shadow:var(--shadow-xs);transition:border-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform .3s var(--ease-out);background:#ffffffeb;flex-direction:column;gap:0;padding:32px 28px;display:flex;position:relative;overflow:hidden}.feedback-card:before{content:"“";font-family:var(--font-display);color:#4caf701f;pointer-events:none;font-size:72px;font-weight:800;line-height:1;position:absolute;top:16px;right:22px}.feedback-card:hover{box-shadow:var(--shadow-md);border-color:#2a634638;transform:translateY(-3px)}.feedback-quote{color:var(--text-muted);flex:1;padding-bottom:48px;font-size:15px;line-height:1.7}.feedback-footer{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.feedback-meta{flex:1;min-width:0}.feedback-handle{color:var(--text);font-size:14px;font-weight:600}.feedback-author{align-items:center;gap:12px;display:flex}.feedback-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:14px;font-weight:700;display:flex;box-shadow:0 6px 18px #1e3c2d26}.feedback-name{font-size:14px;font-weight:600}.feedback-role{color:var(--text-dim);margin-top:2px;font-size:12px}.about-services{gap:14px;margin-top:40px;display:grid}@media (width>=640px){.about-services{grid-template-columns:repeat(2,1fr)}}.about-service-card{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);align-items:flex-start;gap:16px;padding:20px 22px;transition:border-color .2s,box-shadow .2s;display:flex}.about-service-card:hover{border-color:#2f6f4e47;box-shadow:0 8px 28px #2f6f4e14}.about-service-num{font-family:var(--font-mono);color:var(--accent-2);flex-shrink:0;font-size:11px}.about-service-card p{color:var(--text-muted);font-size:14px;line-height:1.55}.tech-section{margin-top:56px}.tech-icon-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:28px;display:grid}.tech-icon-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;transition:transform .2s,border-color .2s;display:flex}.tech-icon-card:hover{border-color:#2f6f4e4d;transform:translateY(-3px)}.tech-icon-card img{object-fit:contain;width:44px;height:44px}.tech-icon-card span{color:var(--text-dim);text-align:center;font-size:11px}.experience-grid{gap:16px;margin-top:40px;display:grid}@media (width>=768px){.experience-grid{grid-template-columns:repeat(2,1fr)}}.experience-card{border-radius:var(--radius);background:linear-gradient(145deg, var(--bg-elevated), var(--surface-strong));border:1px solid var(--border);padding:24px;transition:border-color .2s,transform .2s}.experience-card:hover{border-color:#2f6f4e47;transform:translateY(-2px)}.experience-year{font-family:var(--font-mono);color:var(--accent);letter-spacing:.06em;font-size:12px}.experience-title{margin-top:8px;font-size:17px;font-weight:600}.experience-detail{color:var(--text-muted);margin-top:6px;font-size:14px;line-height:1.55}.project-grid-jsm{gap:28px;margin-top:40px;display:grid}@media (width>=900px){.project-grid-jsm{grid-template-columns:repeat(2,1fr)}}.project-card-jsm{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:border-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform .3s var(--ease-out);background:#ffffffeb;overflow:hidden}.project-card-jsm:hover{box-shadow:var(--shadow-lg);border-color:#2a63463d;transform:translateY(-4px)}.project-card-tilt{transform-style:preserve-3d;display:block}.project-card-visual{background:var(--surface-strong);height:0;padding-bottom:56.25%;position:relative}.project-card-img-btn{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.project-card-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .35s;display:block}.project-card-img-btn:hover .project-card-img{transform:scale(1.03)}.project-card-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0a140f33 100%);position:absolute;inset:0}.project-card-planet{z-index:2;pointer-events:none;opacity:.92;width:72px;height:72px;position:absolute;bottom:10px;right:10px}.project-card-planet .planet-canvas{width:72px;height:72px}.project-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-card-github-inline,.project-code-btn{flex-shrink:0}.project-code-btn{color:var(--accent);cursor:pointer;white-space:nowrap;transition:color .2s var(--ease-out), background .2s var(--ease-out), border-color .2s var(--ease-out), transform .15s var(--ease-out);background:#4caf701a;border:1px solid #2a63462e;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600}.project-code-btn:hover{color:#fff;background:linear-gradient(135deg,#3d8b5f 0%,#2a6346 100%);border-color:#0000;transform:translateY(-1px)}.project-card-github-inline{background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;text-decoration:none;transition:transform .15s;display:flex;box-shadow:0 2px 8px #0000001f}.project-card-github-inline .github-icon-img{border-radius:50%;width:36px;height:36px}.project-card-github-inline:hover{transform:scale(1.06)}.project-card-body{padding:22px 24px 24px}.project-card-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:700}.project-card-desc{color:var(--text-muted);margin-top:10px;font-size:14px;line-height:1.6}.project-card-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.project-card-tag{font-family:var(--font-mono);font-size:11px;font-weight:600}.tag-gradient--green{-webkit-text-fill-color:transparent;background:linear-gradient(#38ef7d,#11998e);-webkit-background-clip:text;background-clip:text}.tag-gradient--blue{-webkit-text-fill-color:transparent;background:linear-gradient(#56ccf2,#2f80ed);-webkit-background-clip:text;background-clip:text}.tag-gradient--violet{-webkit-text-fill-color:transparent;background:linear-gradient(#f64f59,#c471ed);-webkit-background-clip:text;background-clip:text}.project-card-more{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:16px;padding:0;font-size:13px;font-weight:600}.project-card-more:hover{color:var(--accent-2)}.quote-section{padding-bottom:40px}.quote-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fffffff2 0%,#ecf5efe6 100%);border:1px solid #2a634624;padding:48px 40px}.quote-text{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-top:16px;font-size:clamp(22px,3.5vw,32px);font-style:normal;font-weight:700;line-height:1.35}.quote-footer{flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-top:20px;display:flex}.quote-author{font-size:15px;font-style:normal;font-weight:600}.quote-role{color:var(--text-dim);font-size:13px}.quote-context{color:var(--text-muted);max-width:640px;margin-top:16px;font-size:15px;line-height:1.65}.contact-page{background:#eef3f0;padding:5rem 1.5rem 4.5rem}@media (width>=640px){.contact-page{padding:6rem 2.5rem 5rem}}@media (width>=1024px){.contact-page{padding:7rem 3rem 6rem}}.contact-shell{width:100%;max-width:1160px;margin:0 auto}.contact-layout{grid-template-columns:1fr;gap:2rem;max-width:640px;display:grid}.contact-visual-wrap{min-height:320px}.contact-visual{border-radius:1.75rem;width:100%;height:min(380px,52vh);overflow:hidden}@media (width>=1024px){.contact-layout{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2rem 2.75rem;max-width:none}.contact-heading{grid-area:1/1}.contact-card-wrap{grid-area:2/1}.contact-visual-wrap{grid-area:1/2/3;align-self:stretch;min-height:520px}.contact-visual{height:100%;min-height:520px}}.contact-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:#ecf5ef;border:1px solid #2a63461f;border-radius:999px;padding:6px 14px;font-size:10px;font-weight:600;display:inline-flex}.contact-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);margin-top:1rem;font-size:clamp(2.75rem,5vw,4rem);font-weight:800;line-height:1}.contact-card{background:#fff;border:1px solid #dceee2f2;border-radius:1.75rem;box-shadow:0 18px 50px #15241c0f}.contact-card-inner{grid-template-columns:1fr;display:grid}@media (width>=768px){.contact-card-inner{grid-template-columns:minmax(0,1fr) 260px;align-items:stretch}}@media (width>=1024px){.contact-card-inner{grid-template-columns:minmax(0,1fr) 280px}}.contact-form-panel{flex-direction:column;gap:1.25rem;padding:2rem 1.75rem;display:flex}@media (width>=640px){.contact-form-panel{gap:1.35rem;padding:2.25rem 2rem}}.contact-form-lead{max-width:34rem;color:var(--text-muted);font-size:15px;line-height:1.65}.contact-form-row{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=540px){.contact-form-row{grid-template-columns:1fr 1fr;gap:1rem 1.25rem}}.contact-form-panel .field input,.contact-form-panel .field textarea{background:#f0f4f2;border-color:#dfe8e3}.contact-form-panel .field textarea{min-height:112px;max-height:180px}.contact-form-panel .btn-full{margin-top:.35rem}.contact-alt-panel{background:#f8fbf9;border-top:1px solid #e8efeb;flex-direction:column;gap:1.25rem;padding:2rem 1.5rem;display:flex}@media (width>=768px){.contact-alt-panel{border-top:none;border-left:1px solid #e8efeb;padding:2.25rem 1.35rem 2.25rem 1.25rem}}.contact-alt-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.125rem;font-weight:700}.contact-alt-list{flex-direction:column;gap:.35rem;list-style:none;display:flex}.contact-alt-link{color:var(--text-muted);transition:color .2s var(--ease-out), background .2s var(--ease-out);border-radius:12px;align-items:center;gap:.85rem;padding:.55rem .35rem;text-decoration:none;display:flex}.contact-alt-link:hover{color:var(--accent);background:#ffffffd9}.contact-alt-icon{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 2px 10px #15241c12}.contact-alt-label{font-size:14px;font-weight:500;line-height:1.35}.contact-alt-label--email{word-break:break-all;font-size:13px}.contact-footer{background:#eef3f0;border-top:1px solid #dceee2d9;padding:1.75rem 1.5rem 2rem}@media (width>=640px){.contact-footer{padding:1.75rem 2.5rem 2.25rem}}@media (width>=1024px){.contact-footer{padding:1.75rem 3rem 2.5rem}}.contact-footer-inner{max-width:1160px;color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:.65rem;margin:0 auto;font-size:12px;display:flex}@media (width>=640px){.contact-footer-inner{text-align:left;flex-direction:row;justify-content:space-between}}.contact-footer-tagline{color:#3d5248cc;font-weight:500}.contact-form-status{border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5}.contact-form-status--success{color:var(--accent);background:#4caf701f;border:1px solid #2a634633}.contact-form-status--error{color:#9b2c2c;background:#dc505014;border:1px solid #b43c3c40}.contact-honey{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field{flex-direction:column;gap:8px;display:flex}.field span{color:var(--text-muted);font-size:13px;font-weight:500}.field input,.field textarea{width:100%;font-size:15px;font-family:var(--font-sans);color:var(--text);background:var(--bg);border:1px solid var(--border);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out), background .2s var(--ease-out);border-radius:12px;outline:none;padding:15px 18px}.field input:focus,.field textarea:focus{background:#fff;border-color:#2a634673;box-shadow:0 0 0 4px #4caf701f}.field textarea{resize:vertical;min-height:120px}.btn-full{justify-content:center;width:100%;margin-top:4px}.contact-quick{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.contact-social{background:var(--bg);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-xs);transition:border-color .2s var(--ease-out), background .2s var(--ease-out), box-shadow .2s var(--ease-out), transform .2s var(--ease-out);border-radius:12px;flex-direction:column;gap:2px;min-width:0;padding:12px 16px;text-decoration:none;display:flex}.contact-social:hover{box-shadow:var(--shadow-sm);background:#fff;border-color:#2a634647;transform:translateY(-1px)}.contact-social--icon{color:var(--accent);flex-direction:row;align-items:center;gap:10px;font-size:14px;font-weight:500}.contact-social--icon .github-icon-img{border-radius:50%;flex-shrink:0;width:28px;height:28px}.contact-social-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:9px}.contact-social-value{color:var(--text-muted);font-size:13px}.hero{max-width:var(--max);margin:0 auto;padding:140px 24px 80px}.hero-tagline{color:var(--text-dim);max-width:520px;margin-top:8px;font-size:17px}.hero-role{color:var(--text-muted);margin-top:12px;font-size:20px;font-weight:500}.hero-stats{border-top:1px solid var(--border);gap:32px;margin-top:48px;padding-top:32px;display:flex}.hero-stat-num{font-family:var(--font-display);color:var(--accent);font-size:28px;font-weight:700;display:block}.hero-stat-label{color:var(--text-dim);margin-top:2px;font-size:12px}.btn{cursor:pointer;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), filter .2s var(--ease-out), border-color .2s var(--ease-out), background .2s var(--ease-out);border:none;border-radius:999px;align-items:center;gap:8px;padding:13px 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-with-icon{align-items:center;gap:8px;display:inline-flex}.btn-with-icon .github-icon-img{border-radius:50%;flex-shrink:0;width:22px;height:22px}.btn-primary{color:#fff;box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#3d8b5f 0%,#2a6346 100%)}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 12px 36px #2a634652}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);box-shadow:var(--shadow-xs);background:#ffffffd9}.btn-ghost:hover{color:var(--accent);box-shadow:var(--shadow-sm);background:#fff;border-color:#2a634640}.section{max-width:var(--max);margin:0 auto;padding:96px 28px}.section--split{gap:40px;display:grid}@media (width>=768px){.section--split{grid-template-columns:1fr 1fr;align-items:start}}.section-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:#4caf701a;border:1px solid #2a63461f;border-radius:999px;margin-bottom:14px;padding:6px 14px;font-size:10px;font-weight:600;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(32px,4.5vw,44px);font-weight:800;line-height:1.1}.section-desc{color:var(--text-muted);max-width:520px;margin-top:12px;font-size:15px;line-height:1.65}.project-grid{gap:16px;margin-top:40px;display:grid}@media (width>=640px){.project-grid{grid-template-columns:repeat(2,1fr)}}.project-card{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);transition:border-color .2s,box-shadow .2s;overflow:hidden}.project-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.project-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent)}}.project-card:hover{box-shadow:0 8px 32px #2f6f4e1a}.project-card-btn{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;padding:24px;display:block}.project-card-top{align-items:center;gap:10px;margin-bottom:12px;display:flex}.project-num{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.project-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-light);border:1px solid #2f6f4e33;border-radius:4px;padding:3px 8px;font-size:9px}.project-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:700}.project-tagline{color:var(--text-muted);margin-top:6px;font-size:14px}.project-stack{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.project-tag{font-family:var(--font-mono);color:var(--text-muted);background:var(--surface-strong);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:10px}.project-open{color:var(--accent);margin-top:20px;font-size:13px;font-weight:500;display:block}.about-card{border-radius:var(--radius);background:var(--surface-strong);border:1px solid var(--border);padding:28px}.about-bio{color:var(--text-muted);font-size:16px;line-height:1.7}.about-list{flex-direction:column;gap:10px;margin-top:20px;list-style:none;display:flex}.about-list li{color:var(--text-muted);padding-left:18px;font-size:14px;position:relative}.about-list li:before{content:"";background:var(--accent-2);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.about-meta{font-family:var(--font-mono);color:var(--text-dim);flex-wrap:wrap;gap:8px;margin-top:24px;font-size:11px;display:flex}.skills-grid{gap:20px;margin-top:40px;display:grid}@media (width>=640px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.skills-group{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:20px}.skills-group-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);margin-bottom:12px;font-size:10px}.skills-tags{flex-wrap:wrap;gap:8px;display:flex}.skills-tag{color:var(--text-muted);background:var(--surface-strong);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:13px}.timeline{flex-direction:column;gap:0;margin-top:40px;list-style:none;display:flex}.timeline-item{border-left:2px solid var(--border);gap:24px;margin-left:8px;padding:20px 0 20px 24px;display:flex}.timeline-year{font-family:var(--font-display);color:var(--accent);min-width:40px;font-size:16px;font-weight:700}.timeline-title{font-size:15px;font-weight:600}.timeline-detail{color:var(--text-muted);margin-top:4px;font-size:14px}.contact{max-width:none;padding:80px 24px 100px}.contact-inner{max-width:var(--max);background:linear-gradient(145deg,#eef8f0 0%,#f4fbf6 50%,#e8f4eb 100%);border:1px solid #2f6f4e26;border-radius:20px;margin:0 auto;padding:48px}.contact-title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:8px;font-size:clamp(32px,5vw,44px);font-weight:700}.contact-desc{color:var(--text-muted);max-width:480px;margin-top:12px;font-size:15px;line-height:1.65}.contact-links{gap:12px;margin-top:32px;display:grid}@media (width>=640px){.contact-links{grid-template-columns:repeat(2,1fr)}}.contact-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:18px 20px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.contact-card:hover{background:var(--accent-light);border-color:#2f6f4e4d}.contact-card-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.contact-card-value{color:var(--text);font-size:15px;font-weight:500}.footer{text-align:center;color:var(--text-dim);padding:52px 28px 44px;font-size:13px;position:relative}.footer:before{content:"";background:linear-gradient(90deg,#0000,#2a634633 20%,#4caf7059 50%,#2a634633 80%,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.footer-social{justify-content:center;gap:10px;margin-bottom:16px;display:flex}.footer-social-link{background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 10px #0000001a}.footer-social-link .github-icon-img{border-radius:50%;width:40px;height:40px}.footer-social-link:hover{transform:scale(1.06);box-shadow:0 4px 14px #00000029}.footer-sub{font-family:var(--font-mono);margin-top:4px;font-size:11px}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(12px)saturate(1.2);background:#f7fcf9c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-backdrop--code{z-index:210}.modal--code-request{width:min(480px,100%);max-height:min(90vh,680px)}.code-request-form{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex;overflow-y:auto}.code-request-lead{color:var(--text-muted);font-size:14px;line-height:1.6}.code-request-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.modal{border-radius:var(--radius-xl);border:1px solid var(--border);width:min(560px,100%);max-height:min(85vh,720px);box-shadow:var(--shadow-lg);background:#fffffffa;flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:24px 24px 16px;display:flex}.modal-meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);font-size:10px}.modal-title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:6px;font-size:26px;font-weight:700}.modal-tagline{color:var(--accent);margin-top:4px;font-size:14px}.modal-close{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;font-size:22px;line-height:1}.modal-close:hover{color:var(--text);background:var(--surface-strong);border-color:#2f6f4e40}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.modal-cover{border:1px solid var(--border);border-radius:10px;width:100%;margin-bottom:20px;display:block}.modal-desc{color:var(--text-muted);font-size:15px;line-height:1.7}.modal-outcomes{flex-direction:column;gap:8px;margin-top:16px;list-style:none;display:flex}.modal-outcomes li{color:var(--text-muted);padding-left:16px;font-size:13px;position:relative}.modal-outcomes li:before{content:"✓";color:var(--accent-2);font-size:11px;position:absolute;left:0}.modal-stack{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.modal-stack-tag{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);background:var(--surface-strong);border-radius:6px;padding:4px 10px;font-size:10px}.modal-footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;padding:16px 24px 24px;display:flex}@media (width<=768px){.nav-links{display:none}.nav-ayah{gap:4px 8px;padding:5px 16px 0}.nav-ayah-arabic{white-space:normal;font-size:12px}.nav-ayah-quote,.nav-ayah-sep{display:none}.nav{min-height:56px;padding:6px 16px}.nav-menu-btn{justify-content:center;align-items:center;display:flex}.hero{padding-top:112px}.hero-stats{gap:20px}.contact-inner{padding:28px 20px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#2f6f4e33;border-radius:3px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}