:root{font-family:Arial,Helvetica,sans-serif;line-height:1.6;font-weight:400;--primary-color: #ffa700;--secondary-color: #2e2323;--accent-color: #ff8c00;--text-light: #cccccc;--text-dark: #2e2323;color-scheme:dark;color:#fff;background-color:#2e2323;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--secondary-color);color:#fff}#root{width:100%;min-height:100vh}a{font-weight:500;color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-color)}h1,h2,h3,h4,h5,h6{color:var(--primary-color);font-weight:700}button{border-radius:25px;border:none;padding:12px 24px;font-size:1em;font-weight:600;font-family:inherit;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));color:var(--text-dark);cursor:pointer;transition:all .3s ease}button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffa70066}button:focus,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#2e2323;color:#fff;line-height:1.6}.portfolio{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,#2e2323,#1a1515);padding:60px 0;position:relative;overflow:hidden}.header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="gym" patternUnits="userSpaceOnUse" width="20" height="20"><circle cx="10" cy="10" r="1" fill="%23ffa700" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23gym)"/></svg>')}.header-content{position:relative;z-index:2}.profile-section{display:flex;align-items:center;gap:30px;flex-wrap:wrap;justify-content:center;text-align:center}.profile-image{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #ffa7004d;animation:pulse 2s infinite;overflow:hidden;border:3px solid #ffa700}.profile-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .3s ease}.profile-photo:hover{transform:scale(1.05)}.name{font-size:3rem;font-weight:700;color:#ffa700;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.tagline{font-size:1.2rem;color:#ccc;margin-bottom:10px}.profile-actions{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.github-btn{background:#0d1117!important;color:#2e2323;padding:5px 15px;border-radius:20px;font-weight:700;display:inline-block}.mini-instagram-btn,.mini-github-btn,.mini-linkedin-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 15px;border-radius:20px;text-decoration:none;font-size:.9rem;font-weight:700;color:#fff;transition:all .3s ease}.mini-instagram-btn{background:linear-gradient(45deg,#e1306c,#fd1d1d,#fcb045);box-shadow:0 3px 10px #e1306c4d}.mini-instagram-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #e1306c80;color:#fff}.mini-github-btn{background:linear-gradient(45deg,#333,#24292e);box-shadow:0 3px 10px #24292e4d}.mini-github-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #24292e80;color:#fff}.mini-linkedin-btn{background:linear-gradient(45deg,#0a66c2,#004182);box-shadow:0 3px 10px #0a66c24d}.mini-linkedin-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #0a66c280;color:#fff}.section-title{font-size:2.5rem;color:#ffa700;text-align:center;margin-bottom:40px;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#ffa700,#ff8c00);border-radius:2px}.about{padding:80px 0;background:#2e2323}.about-text{text-align:center;font-size:1.3rem;color:#ccc;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.info-card{background:linear-gradient(145deg,#3a2f2f,#2e2323);padding:30px;border-radius:15px;border:2px solid #ffa700;transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #ffa70033}.info-card h3{color:#ffa700;font-size:1.3rem;margin-bottom:15px}.info-card ul{list-style:none}.info-card li{padding:8px 0;border-bottom:1px solid #444;transition:color .3s ease}.info-card li:hover{color:#ffa700}.info-card li:last-child{border-bottom:none}.projects{padding:80px 0;background:linear-gradient(135deg,#1a1515,#2e2323)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:40px}.project-card{background:linear-gradient(145deg,#3a2f2f,#2e2323);border-radius:20px;overflow:hidden;border:2px solid #444;transition:transform .3s ease,border-color .3s ease;position:relative}.project-card:hover{transform:translateY(-15px) scale(1.02);border-color:#ffa700;box-shadow:0 20px 50px #ffa7004d}.project-image{height:200px;position:relative;overflow:hidden;background:linear-gradient(45deg,#444,#555)}.project-preview{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-preview{transform:scale(1.05)}.status-badge{position:absolute;top:15px;right:15px;padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:700}.status-badge.active{background:#ffa700;color:#2e2323}.status-badge.coming-soon{background:#666;color:#fff}.project-content{padding:25px}.project-title{color:#ffa700;font-size:1.4rem;margin-bottom:10px}.project-description{color:#ccc;margin-bottom:20px;line-height:1.5}.project-btn{background:linear-gradient(45deg,#ffa700,#ff8c00);color:#2e2323;border:none;padding:12px 25px;border-radius:25px;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.project-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffa70066}.contact{padding:80px 0;background:#2e2323;text-align:center}.contact-content{max-width:600px;margin:0 auto}.contact-content p{font-size:1.2rem;margin-bottom:15px;color:#ccc}.highlight{color:#ffa700;font-weight:700}.social-links{margin:30px 0;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.social-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:700;font-size:1rem;transition:all .3s ease}.instagram-btn{background:linear-gradient(45deg,#e1306c,#fd1d1d,#fcb045);color:#fff;box-shadow:0 4px 15px #e1306c4d}.instagram-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #e1306c80;border-color:#e1306c}.fun-fact{font-style:italic;color:#aaa}.footer{background:#1a1515;padding:30px 0;text-align:center;border-top:2px solid #ffa700}.footer p{color:#888}@keyframes pulse{0%{box-shadow:0 10px 30px #ffa7004d}50%{box-shadow:0 15px 40px #ffa70080}to{box-shadow:0 10px 30px #ffa7004d}}@media (max-width: 768px){.profile-section{flex-direction:column;text-align:center}.name{font-size:2.5rem}.info-grid,.projects-grid{grid-template-columns:1fr}.container{padding:0 15px}}