:root{--bg-color: #0f172a;--card-bg: #1e293b;--border-color: #334155;--field-bg: #1e293b;--text-color: #e2e8f0;--text-muted: #94a3b8;--text-heading: #ffffff;--accent-color: #38bdf8;--on-accent: #0f172a;--accent-glow: rgba(56, 189, 248, .2);--font-body: "Inter", system-ui, sans-serif;--line-height: 1.6;--radius: 8px;--radius-sm: 4px;--bevel-top: 1px solid var(--border-color);--bevel-left: 1px solid var(--border-color);--bevel-right: 1px solid var(--border-color);--bevel-bottom: 1px solid var(--border-color);--transition: .3s;--lift-hover: translateY(-5px);--shadow-hover: 0 10px 20px var(--accent-glow)}:root[data-theme=win98]{--bg-color: #008080;--card-bg: #c0c0c0;--border-color: #808080;--field-bg: #ffffff;--text-color: #000000;--text-muted: #404040;--text-heading: #000000;--accent-color: #000080;--on-accent: #ffffff;--accent-glow: transparent;--font-body: Tahoma, "MS Sans Serif", Verdana, Geneva, sans-serif;--line-height: 1.4;--radius: 0;--radius-sm: 0;--bevel-top: 2px solid #ffffff;--bevel-left: 2px solid #ffffff;--bevel-right: 2px solid #808080;--bevel-bottom: 2px solid #808080;--transition: 0s;--lift-hover: none;--shadow-hover: none}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);line-height:var(--line-height)}a{color:var(--accent-color);text-decoration:none}button,input,textarea{font:inherit}[data-theme=win98] .project-card:hover,[data-theme=win98] .skill-card:hover{border-top-color:#fff;border-left-color:#fff;border-right-color:gray;border-bottom-color:gray}[data-theme=win98] .btn,[data-theme=win98] .submit-btn{border-top:var(--bevel-top);border-left:var(--bevel-left);border-right:var(--bevel-right);border-bottom:var(--bevel-bottom)}[data-theme=win98] .btn:active,[data-theme=win98] .submit-btn:active{border-top:var(--bevel-bottom);border-left:var(--bevel-bottom);border-right:var(--bevel-top);border-bottom:var(--bevel-top)}.me-section{text-align:center;padding:5rem 0}.me-section h1{font-size:3.5rem;margin-bottom:.5rem}.btn{display:inline-block;margin-top:1.5rem;padding:.8rem 2rem;background:var(--accent-color);color:var(--on-accent);font-weight:700;border-radius:var(--radius-sm);transition:transform var(--transition)}.btn:hover{transform:var(--lift-hover)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.project-card{background:var(--card-bg);padding:1.5rem;border-radius:var(--radius);border-top:var(--bevel-top);border-left:var(--bevel-left);border-right:var(--bevel-right);border-bottom:var(--bevel-bottom);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);display:flex;flex-direction:column;align-items:center;text-align:center}.project-card:hover{border-color:var(--accent-color);transform:var(--lift-hover);box-shadow:var(--shadow-hover)}.project-card p{margin-bottom:1rem}.tech-stack{margin-top:auto;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding-top:1rem}.tech-tag{background:var(--border-color);padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.8rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.skill-card{background:var(--card-bg);padding:1.5rem;border-radius:var(--radius);border-top:var(--bevel-top);border-left:var(--bevel-left);border-right:var(--bevel-right);border-bottom:var(--bevel-bottom);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);display:flex;flex-direction:column;align-items:center;text-align:center}.skill-card:hover{border-color:var(--accent-color);transform:var(--lift-hover);box-shadow:var(--shadow-hover)}.icon{font-size:2rem;margin-bottom:.5rem}.experience-section{padding:4rem 0;max-width:800px;margin:0 auto}.experience-section h2{text-align:center}.timeline{position:relative;margin-top:2rem;padding-left:2rem;margin-bottom:1rem;border-left:2px solid var(--border-color)}.timeline-item{position:sticky;top:50px;background-color:var(--bg-color);box-shadow:0 -2px 10px var(--accent-glow);padding-top:1rem;padding-bottom:1rem;margin-bottom:1rem;z-index:1}.timeline-item:before{content:"";position:absolute;left:-2.6rem;top:5px;width:1rem;height:1rem;background:var(--accent-color);border-radius:50%;border:4px solid var(--bg-color)}.timeline-item h3{margin:0;color:var(--text-heading);text-align:center}.timeline-item h4{margin:0;font-weight:400;color:var(--text-muted);font-size:.95rem;text-align:center}.timeline-item ul{color:var(--text-color);padding-left:1.2rem;text-align:center}.date{color:var(--accent-color);font-weight:700}.timeline-content li{margin-bottom:.5rem}.contact-section{text-align:center;padding:5rem 0;max-width:600px;margin:0 auto}.contact-section p{margin-bottom:2rem;color:var(--text-muted)}.contact-form{text-align:left;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.contact-form label{font-size:.9rem;font-weight:700}.contact-form input,.contact-form textarea{padding:.8rem;border-radius:var(--radius-sm);border-top:var(--bevel-top);border-left:var(--bevel-left);border-right:var(--bevel-right);border-bottom:var(--bevel-bottom);background:var(--field-bg);color:var(--text-color)}.contact-form textarea{resize:vertical;min-height:150px}.submit-btn{background:var(--accent-color);color:var(--on-accent);border-radius:var(--radius-sm);font-weight:700;border:none;padding:1rem;cursor:pointer;transition:opacity var(--transition)}.submit-btn:hover{opacity:.9}site-footer{height:50px;width:100%;background:var(--accent-color);color:var(--on-accent);border-radius:var(--radius)}.site-footer p{text-align:center;margin:auto;padding-top:12px}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:100;min-height:44px;padding:.5rem 1rem;background:var(--card-bg);color:var(--text-color);border-top:var(--bevel-top);border-left:var(--bevel-left);border-right:var(--bevel-right);border-bottom:var(--bevel-bottom);border-radius:var(--radius-sm);cursor:pointer;font-weight:700}.theme-toggle:active{border-top:var(--bevel-bottom);border-left:var(--bevel-bottom);border-right:var(--bevel-top);border-bottom:var(--bevel-top)}#root{max-width:1280px;margin:0 auto;padding:2rem}@media(max-width:640px){#root{padding:1.5rem 1rem}}