:root,html.dark{--bg:#0c0b0c;--text:#fff;--btn-bg:#4b2b57;--btn-border:#fff}body{background-color:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Arial,sans-serif}#root{background-color:var(--bg);min-height:100vh}a,p,h1,h2,nav{color:var(--text)}button{color:var(--text);background-color:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer;border-radius:8px;padding:8px 12px}footer{justify-content:center;align-items:center;gap:20px;width:100%;padding:20px 0 50px;display:flex}html{scroll-behavior:smooth}.skills-section{max-width:1100px;margin:0 auto;padding:3rem 1rem}.skills-section h1{text-align:center;color:#fff;margin-bottom:2.5rem;font-size:2.5rem}.skills-grid{grid-template-columns:repeat(3,1fr);justify-content:center;gap:1.75rem;display:grid}.skills-grid>*{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:70px;padding:.75rem 1.5rem;display:flex}@media (width<=768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.skills-grid{grid-template-columns:1fr}}.hero{justify-content:space-between;align-items:center;gap:40px;min-height:50vh;padding:0 80px;display:flex}.hero-left{max-width:600px}.hero-right{flex-direction:column;flex:1;align-items:center;display:flex}.hero h1{font-size:3.5rem;line-height:1.2}.hero p{opacity:.8;margin-top:15px;font-size:1.2rem}.hero-buttons{gap:15px;margin-top:25px;display:flex}.hero button{cursor:pointer;border:none;padding:10px 20px;transition:transform .2s,background-color .2s,color .2s,border-color .2s}.hero button:hover{transform:scale(1.05)}.viewer-container{background-color:#0000;border-radius:8px;width:100%;max-width:450px;height:400px;margin:0 auto;position:relative;overflow:hidden}.spin-viewer{opacity:0;visibility:hidden;pointer-events:none;background-color:#0000;width:100%;height:100%;transition:opacity .6s,visibility .6s;position:absolute;top:0;left:0}.spin-viewer.visible-model{opacity:1;visibility:visible;pointer-events:auto}.controls-panel{justify-content:center;margin-top:20px;display:flex}.btn-container{gap:10px;display:flex}.select-btn{background:#2e2424;border-radius:4px;font-size:14px;font-weight:700;border:1px solid #ccc!important}.select-btn:hover{background:#2b1c1c}.select-btn.selected-target{color:#fff;background-color:#007bff;border-color:#0056b3!important}.projects-container{padding:40px 80px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(200px,300px));gap:20px;display:grid}.project-card{border:1px solid #ccc;border-radius:10px;padding:20px;transition:transform .3s}.project-card:hover{transform:translateY(-5px)}.project-links{gap:10px;margin-top:15px;display:flex}.filter-button{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;padding:10px 16px;transition:background-color .2s,color .2s,border-color .2s,transform .2s}.filter-button:hover{transform:translateY(-1px)}.filter-button.active{color:#fff;background:#0f172a;border-color:#0f172a}