:root{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--text-primary: #222222;--text-secondary: #555555;--border-color: #e0e0e0;--accent-color: #222222;--accent-hover: #000000;--shadow-color: rgba(0, 0, 0, .08);--code-bg: #1a1a1a;--code-text: #f0f0f0}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1a1a1a;--bg-card: #1e1e1e;--text-primary: #f0f0f0;--text-secondary: #aaaaaa;--border-color: #333333;--accent-color: #ffffff;--accent-hover: #dddddd;--shadow-color: rgba(0, 0, 0, .3);--code-bg: #000000;--code-text: #ffffff}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,border-color .3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;background-color:var(--bg-primary);color:var(--text-primary)}.container{max-width:1000px;margin:0 auto;padding:0 20px}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px var(--shadow-color)}.header .container{display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-img{height:40px;width:auto;border-radius:5px}.logo-text{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}@media(max-width:768px){.logo-text{display:none}.logo-container{gap:.5rem}}.nav{display:flex;align-items:center;gap:2rem}.nav a{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .2s}.nav a:hover{color:var(--text-primary)}.theme-toggle{background:none;border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s}.theme-toggle:hover{background-color:var(--border-color);transform:rotate(30deg)}.hero{padding:4rem 0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-content h2{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.hero-content p{font-size:1.1rem;margin-bottom:2rem;color:var(--text-secondary)}.hero-buttons{display:flex;gap:1rem}.btn{padding:.75rem 1.5rem;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:5px;text-decoration:none;font-weight:600;display:inline-block;transition:all .3s}.btn-outline{background:transparent;border:2px solid var(--text-primary);color:var(--text-primary)}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow-color);background:var(--accent-hover);color:var(--bg-primary)}.btn-outline:hover{background:var(--text-primary);color:var(--bg-primary)}.code-window{background:var(--code-bg);border-radius:10px;overflow:hidden;box-shadow:0 10px 30px var(--shadow-color);border:1px solid var(--border-color)}.window-header{background:#2d2d2d;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color)}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27ca3f}.window-header span{color:#888;font-size:.9rem;margin-left:.5rem}.window-content{padding:1.5rem}.window-content pre{margin:0;overflow-x:auto}.window-content code{color:var(--code-text);font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.projects{padding:4rem 0;background:var(--bg-primary)}.section-title{text-align:center;font-size:2rem;margin-bottom:3rem;color:var(--text-primary)}.project-card{background:var(--bg-card);border-radius:10px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-color);box-shadow:0 5px 15px var(--shadow-color);transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px var(--shadow-color)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-header h3{font-size:1.3rem;color:var(--text-primary)}.project-tag{background:var(--border-color);color:var(--text-primary);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.project-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tech span{background:var(--bg-primary);border:1px solid var(--border-color);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;color:var(--text-secondary)}.project-links{display:flex;gap:1rem}.project-link{text-decoration:none;color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid transparent;transition:border-color .3s}.project-link:hover{border-bottom:1px solid var(--text-primary)}.skills{padding:4rem 0;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.skill-category{background:var(--bg-card);padding:2rem;border-radius:10px;border:1px solid var(--border-color)}.skill-category h3{color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.skill-category ul{list-style:none}.skill-category li{padding:.5rem 0;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.skill-category li:last-child{border-bottom:none}.contact{padding:4rem 0;background:var(--bg-primary);text-align:center}.contact-content{max-width:600px;margin:0 auto}.contact-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.contact-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-link{text-decoration:none;color:var(--text-primary);font-weight:500;padding:.75rem 1.5rem;border:2px solid var(--text-primary);border-radius:5px;display:flex;align-items:center;gap:.5rem;transition:all .3s}.contact-link:hover{background:var(--text-primary);color:var(--bg-primary)}.footer{background:var(--bg-card);color:var(--text-secondary);padding:2rem 0;border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-content p{margin:0;flex:1;text-align:right}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;gap:1rem}.footer-content p{text-align:center}}.nav a.active{color:var(--text-primary);font-weight:600}@media(max-width:768px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-buttons{justify-content:center;flex-wrap:wrap}.nav{gap:1rem}.skills-grid{grid-template-columns:1fr}.contact-links{flex-direction:column;align-items:center}.project-header{flex-direction:column;align-items:flex-start;gap:.5rem}}