:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;--primary-color: #000000;--secondary-color: #666666;--accent-color: #333333;--text-color: #000000;--bg-color: #ffffff;--card-bg: #f8f9fa;--nav-bg: rgba(255, 255, 255, .95);--gray-color: #64748b;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}a{font-weight:500;color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-color)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-color)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}header{position:fixed;top:0;width:100%;background-color:var(--nav-bg);padding:.75rem 2rem;box-shadow:0 2px 4px #0000001a;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}nav{display:flex;gap:2rem;margin-right:4rem}nav a{position:relative;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}nav a:hover{color:var(--primary-color);transform:translateY(-1px)}nav a:after{content:"";position:absolute;width:0;height:3px;bottom:-5px;left:50%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:all .3s ease;border-radius:2px}nav a:hover:after{width:100%;left:0}section{min-height:auto;padding:4rem 2rem 3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;border-bottom:1px solid #e5e5e5}#about{padding-top:6rem}section:before{content:"";position:absolute;inset:0;background:#00000026;z-index:0}section>*{position:relative;z-index:1}#about{background:var(--bg-color);padding-top:5rem}#skills,#contact{background:#f8f9facc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}section h1{font-size:3.5rem;margin-bottom:2rem;color:var(--primary-color);position:relative;text-shadow:0 2px 4px rgba(0,0,0,.1)}section h1:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:1px}section p{max-width:700px;line-height:1.8;font-size:1.1rem;margin-bottom:1rem}.work-item{background:var(--card-bg);border-radius:8px;padding:1.5rem;margin:0;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;max-width:350px;text-align:left;border:1px solid #e5e5e5}.work-item:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0006}.work-item h2{color:var(--primary-color);margin-bottom:.5rem;margin-top:0}.work-item p{margin:0;color:var(--text-color)}.work-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:1200px}footer{padding:2rem;text-align:center;background:var(--bg-color);color:var(--text-color);position:relative;border-top:1px solid #e5e5e5}.contact-link:hover{color:var(--secondary-color)!important;transform:translateY(-2px)}footer p{margin:0;font-size:1.1rem}.shape{position:absolute;border-radius:50%;background:var(--secondary-color);opacity:.03;animation:float 12s ease-in-out infinite;z-index:-1}.shape:nth-child(1){width:120px;height:120px;top:15%;left:5%;animation-delay:0s}.shape:nth-child(2){width:100px;height:100px;top:60%;right:5%;animation-delay:3s}.shape:nth-child(3){width:80px;height:80px;bottom:25%;left:45%;animation-delay:6s}.skill-tag:hover{transform:scale(1.05);box-shadow:0 6px 12px #0006}@media(max-width:768px){nav{gap:1.5rem}section h1{font-size:2.5rem}.work-grid{flex-direction:column;align-items:center}.work-item{max-width:100%}}