:root{--color-primary: #646cff;--color-secondary: #9299ff;--color-accent: #1a3bc7;--color-bg: #1e293b;--color-text: #e2e8f0;--color-muted: rgba(255, 255, 255, .7);--color-surface: rgba(255, 255, 255, .05);--color-border: rgba(255, 255, 255, .1);--color-error: #d32f2f;--color-success: #16A34A;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--font-sans: system-ui, -apple-system, sans-serif, "Helvetica", "Arial";--font-mono: "Fira Code", "Consolas", monospace;--text-sm: clamp(.8rem, .75rem + .25vw, .9rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .6vw, 1.35rem);--text-xl: clamp(1.25rem, 1rem + 1.2vw, 1.75rem);--text-2xl: clamp(1.5rem, 1rem + 2vw, 2.5rem);--text-3xl: clamp(2rem, 1.2rem + 3vw, 3.5rem);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--transition-fast: .15s ease;--transition-normal: .3s ease}@media(prefers-color-scheme:light){:root{--color-primary: #1a3bc7;--color-secondary: #0f2a8f;--color-bg: #ffffff;--color-text: #213547;--color-muted: rgba(0, 0, 0, .7);--color-surface: rgba(0, 0, 0, .02);--color-border: rgba(0, 0, 0, .1)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;top:-100px;left:0;background:var(--color-primary);color:#fff;padding:var(--space-sm) var(--space-md);z-index:100;border-radius:var(--radius-sm)}.skip-link:focus{top:0}:focus{outline:2px solid var(--color-secondary);outline-offset:2px}.form-group{margin-bottom:var(--space-md)}label{display:block;margin-bottom:var(--space-xs);font-weight:600}input,textarea,select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;font-family:inherit;font-size:var(--text-base);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:2px solid var(--color-secondary);outline-offset:2px}.error-msg{color:var(--color-error);font-size:var(--text-sm)}select option{background:var(--color-bg);color:var(--color-text)}a{font-weight:500;color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}h1{font-size:var(--text-3xl);line-height:1.1;margin-bottom:var(--space-md)}h2{font-size:var(--text-2xl);margin-top:var(--space-xl);margin-bottom:var(--space-lg);color:var(--color-primary)}h3{font-size:var(--text-xl)}button{border-radius:var(--radius-md);border:none;padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);font-weight:600;font-family:inherit;background-color:var(--color-primary);color:#fff;cursor:pointer;transition:background-color var(--transition-fast)}button:hover{background-color:var(--color-secondary)}main{padding:0}header{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;padding:var(--space-md) var(--space-lg);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}header h1{font-size:var(--text-2xl);margin-bottom:0;font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}nav ul{display:flex;flex-direction:column;align-items:center;width:100%;list-style:none;gap:var(--space-sm);padding:0;margin:0}nav a{display:block;text-align:center;width:100%;padding:var(--space-xs) var(--space-md);color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast)}nav a:hover,nav a:focus{background-color:var(--color-primary);color:var(--color-bg)}section{padding:var(--space-xl) var(--space-md)}section h2{font-size:var(--text-2xl);color:var(--color-primary);margin-bottom:var(--space-lg);text-align:center;border-bottom:2px solid var(--color-primary);display:inline-block}.about-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center}.about-content figure{max-width:200px}.about-content img{border-radius:var(--radius-full);aspect-ratio:1;object-fit:cover;border:3px solid var(--color-primary)}.about-content figcaption{margin-top:var(--space-sm);font-weight:500;color:var(--color-secondary)}.skill-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);list-style:none;padding:0;margin-top:var(--space-md)}.skill-tags li{background-color:var(--color-primary);color:var(--color-bg);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}.project-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.project-card img{width:100%;height:200px;object-fit:cover;border-radius:0;margin-bottom:0}.project-card h3,.project-card p,.project-card .skill-tags{padding:0 var(--space-lg)}.project-card h3{margin-top:var(--space-md);font-size:var(--text-lg);color:var(--color-secondary);margin-bottom:var(--space-xs)}.project-card p{color:var(--color-muted);flex-grow:1}.project-card .skill-tags{padding-bottom:var(--space-lg);margin-top:auto}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}legend{font-size:var(--text-lg);font-weight:600;padding:0 var(--space-sm);color:var(--color-secondary)}button[type=submit]{width:100%;padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:var(--color-bg);border:none;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;transition:background var(--transition-fast)}button[type=submit]:hover,button[type=submit]:focus{background:var(--color-secondary)}footer{text-align:center;padding:var(--space-xl) var(--space-md);background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-sm)}footer p{margin-bottom:var(--space-xs)}@media(min-width:640px){header{flex-direction:row;justify-content:space-between;gap:0}nav ul{flex-direction:row;align-items:center;width:auto}nav a{display:inline-block;width:auto}section{padding:var(--space-2xl) var(--space-xl)}.about-content{flex-direction:row;text-align:left;align-items:flex-start}.about-content figure{flex-shrink:0}#hakkimda .skill-tags{justify-content:flex-start}button[type=submit]{width:auto}}@media(min-width:1024px){main{max-width:1200px;margin:0 auto}section{padding:var(--space-3xl) var(--space-xl)}}@media(prefers-color-scheme:light){.skill-tags li,button[type=submit]{color:#fff}}