:root{--bg-dark: #0C1E28;--bg-dark-2: #0F2433;--bg-card: rgba(13, 30, 42, .85);--bg-card-hover:rgba(16, 36, 50, .95);--bg-glass: rgba(10, 24, 34, .78);--cyan-primary: #00C4CC;--cyan-mid: #00AFB8;--cyan-bright: #00D4DC;--teal-dark: #007A85;--gradient-brand: linear-gradient(to right, #00AFB8, #00C4CC);--gradient-brand-d: linear-gradient(135deg, #00AFB8 0%, #00C8D0 100%);--gradient-subtle: linear-gradient(135deg, rgba(0,175,184,.1) 0%, rgba(0,196,204,.05) 100%);--accent-cyan: var(--cyan-primary);--primary-blue: var(--cyan-mid);--primary-teal: var(--cyan-primary);--text-white: #FFFFFF;--text-body: #8AAAB8;--text-muted: #557585;--text-accent: #00C4CC;--border-subtle: #152D3C;--border-card: rgba(0, 196, 204, .1);--border-focus: rgba(0, 196, 204, .65);--shadow-sm: 0 2px 12px rgba(0, 0, 0, .45);--shadow-md: 0 8px 32px rgba(0, 0, 0, .55);--shadow-glow: 0 0 40px rgba(0, 196, 204, .18);--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--container: 1240px;--nav-h: 68px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .2s;--dur-normal:.4s;--dur-slow: .7s;--dur-xslow: 1s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg-dark);color:var(--text-body);font-family:var(--font-body);line-height:1.65;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:-15%;left:-8%;width:55vw;height:55vw;background:radial-gradient(circle,rgba(0,175,184,.1) 0%,transparent 65%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-10%;right:-8%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(0,196,204,.07) 0%,transparent 65%);pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-white);line-height:1.15;font-weight:700;letter-spacing:-.025em}h1{font-size:clamp(2.75rem,6vw + .5rem,5rem)}h2{font-size:clamp(2rem,3.5vw + .5rem,3rem)}h3{font-size:clamp(1.35rem,2vw + .3rem,1.75rem)}h4{font-size:clamp(1.1rem,1.5vw + .2rem,1.35rem)}p{color:var(--text-body)}a{color:var(--text-white);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--cyan-primary)}img{display:block;max-width:100%}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem);position:relative;z-index:1}.section{padding:clamp(5rem,9vw,8rem) 0;position:relative;overflow:hidden}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.78rem 1.85rem;border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;border:none;outline:none;transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal) var(--ease-out),filter var(--dur-normal) var(--ease-out);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97)!important}.btn-primary{background:var(--gradient-brand);color:var(--text-white);box-shadow:0 4px 20px #00c4cc4d}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 8px 32px #00c4cc73;color:var(--text-white)}.btn-ghost{background:transparent;color:var(--text-white);border:1.5px solid rgba(0,196,204,.55)}.btn-ghost:hover{border-color:var(--cyan-primary);color:var(--cyan-primary);transform:translateY(-2px);box-shadow:0 0 20px #00c4cc26}[data-reveal]{opacity:1;transform:none;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}[data-reveal]{transition-delay:var(--delay, 0ms)}.word-reveal .word{display:inline-block;overflow:hidden;vertical-align:bottom;margin-right:.22em}.word-reveal .word span{display:inline-block;transform:translateY(110%);opacity:0;transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out);transition-delay:var(--delay, 0ms)}.word-reveal.is-visible .word span{transform:translateY(0);opacity:1}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.76rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-primary);margin-bottom:1.25rem}.section-label:before{content:"";display:block;width:24px;height:1px;background:var(--cyan-primary);opacity:.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#1a3a4a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-primary)}:focus-visible{outline:2px solid var(--cyan-primary);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal],.word-reveal .word span{opacity:1!important;transform:none!important;transition:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[dir=rtl]{font-family:Segoe UI,Tahoma,Arial,sans-serif;text-align:right}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] .hero__headline,[dir=rtl] .projects__title,[dir=rtl] .about__headline,[dir=rtl] .contact__headline{font-family:Segoe UI,Tahoma,Arial,sans-serif;letter-spacing:normal;line-height:1.35}[dir=rtl] .hero__content{align-items:flex-start;text-align:right}[dir=rtl] .about__service:hover{transform:translate(-6px)}[dir=rtl] .contact__detail:hover{transform:translate(-5px)}[dir=rtl] .visual__window,[dir=rtl] .visual__window-body,[dir=rtl] .code-line,[dir=rtl] .window-address{direction:ltr;text-align:left}