:root{--bg-os: #08080a;--win-bg: rgba(20, 20, 22, .85);--accent: #3b82f6;--verde: #11b925;--rosa: #bc1777;--vermelho: #ce1212;--border: rgba(255, 255, 255, .1);--text: #e2e8f0;--text-dim: #94a3b8;--taskbar: rgba(10, 10, 12, .8)}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(circle at center,#111,#000);font-family:Inter,sans-serif;min-height:100dvh;overflow:hidden;color:var(--text)}#desktop{height:calc(100vh - 60px);padding:40px;display:grid;grid-template-columns:repeat(auto-fill,100px);grid-template-rows:repeat(auto-fill,110px);gap:20px;align-content:flex-start}.desktop-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:.2s;padding:10px;border:1px solid transparent}.desktop-icon:hover{background:#ffffff0d;border-color:var(--border)}.desktop-icon i{color:var(--accent);margin-bottom:8px;filter:drop-shadow(0 0 10px var(--accent))}.desktop-icon span{font-size:.75rem;font-weight:500;text-align:center}.window{position:absolute;background:var(--win-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 25px 50px -12px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:none;flex-direction:column;width:min(90vw,500px);max-width:100%;overflow:hidden;z-index:10;animation:win-open .3s cubic-bezier(.34,1.56,.64,1)}@keyframes win-open{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.lang-wrapper{display:flex;align-items:center;background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:2px;cursor:pointer;position:relative;width:80px;height:30px;-webkit-user-select:none;user-select:none;transition:border-color .3s,box-shadow .3s}.lang-wrapper:hover{border-color:var(--accent);box-shadow:0 0 10px #3b82f626}.lang-slider{position:absolute;left:2px;width:38px;height:24px;background:#3b82f61a;border:1px solid var(--accent);border-radius:6px;transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 0 8px #3b82f64d}.lang-labels{display:flex;justify-content:space-around;align-items:center;width:100%;z-index:2;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800}.lang-labels span{color:var(--text-dim);transition:all .3s ease;width:38px;text-align:center;opacity:.5}.active-lang{color:#fff!important;opacity:1!important;text-shadow:0 0 5px var(--accent)}.win-header{padding:12px 16px;background:#ffffff08;display:flex;justify-content:space-between;align-items:center;cursor:move;border-bottom:1px solid var(--border)}.win-controls{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;cursor:pointer}.dot-close{background:#ff5f56}.dot-min{background:#ffbd2e}.dot-max{background:#27c93f}.win-title{font-size:.75rem;font-family:JetBrains Mono;color:var(--text-dim);text-transform:uppercase}.win-body{padding:25px;overflow-y:auto;max-height:70vh}.project-grid{display:flex;flex-direction:column;gap:15px}.project-card{background:#ffffff05;border:1px solid var(--border);border-radius:8px;padding:15px;transition:.3s}.project-card:hover{border-color:var(--accent);background:#3b82f60d}.project-header{display:flex;align-items:center;gap:10px;color:var(--accent);margin-bottom:8px}.project-desc{font-size:.85rem;color:var(--text-dim);margin-bottom:12px}.project-tags{display:flex;gap:6px;margin-bottom:12px}.tech-tag{font-family:JetBrains Mono;font-size:.6rem;padding:2px 6px;border:1px solid var(--rosa);color:var(--rosa);border-radius:4px}.project-link{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffff0d;border-radius:5px;color:var(--text);text-decoration:none;font-size:.7rem;border:1px solid var(--border)}.proj-btn{font-size:14px}.project-link:hover{background:var(--rosa);border-color:var(--rosa);box-shadow:0 0 10px var(--rosa)}.project-exec{background:#0000004d;border:1px solid var(--border);border-radius:8px;padding:15px;margin-bottom:15px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:.2s}.project-exec:hover{border-color:var(--accent);background:#3b82f60d}#accent.project-exec:hover{color:var(--accent);border-color:var(--accent)}#dim.project-exec:hover{color:var(--text-dim);border-color:var(--text-dim)}#vermelho.project-exec:hover{color:var(--vermelho);border-color:var(--vermelho)}.project-item.project-exec:hover{color:var(--text-dim);border-color:var(--rosa)}#verde.project-exec:hover{color:var(--verde);border-color:var(--verde)}.project-exec svg{width:28px!important;height:28px!important;min-width:28px}.project-exec i{color:#10b981;width:28px;height:28px;min-width:28px}.tech-tag{font-family:JetBrains Mono;font-size:.65rem;color:var(--rosa);padding:2px 8px;border:1px solid var(--rosa);border-radius:4px;margin-right:5px}#taskbar{height:60px;background:var(--taskbar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;position:fixed;bottom:0;width:100%;z-index:100}.start-btn{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--accent)}.time{font-family:JetBrains Mono;font-size:.85rem;color:var(--text-dim)}h2{font-size:1.5rem;margin-bottom:15px;color:var(--accent)}p{font-size:.95rem;color:var(--text-dim);line-height:1.6}.about-photo{width:120px;height:120px;margin:0 auto 15px;border-radius:50%;overflow:hidden;border:2px solid var(--accent);box-shadow:0 0 10px var(--accent),0 0 25px #3b82f666;transition:transform .3s ease}.about-photo:hover{transform:scale(1.05)}.about-photo img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){body{overflow:auto}#desktop{display:flex;flex-direction:column;align-items:center;padding:20px;gap:15px}.desktop-icon{width:100%;max-width:250px;flex-direction:row;justify-content:flex-start;gap:15px;padding:12px}.desktop-icon span{font-size:1rem}}@media(max-width:768px){.window{position:fixed;top:0!important;left:0!important;width:100vw!important;min-height:100dvh;border-radius:0;transform:none!important}.win-body{max-height:calc(100vh - 60px)}}.window{width:min(90vw,500px);max-width:100%}h2{font-size:clamp(1.2rem,4vw,1.5rem)}p{font-size:clamp(.85rem,3vw,.95rem)}@media(max-width:768px){.desktop-icon i{width:28px;height:28px}}@media(max-width:768px){#desktop{padding:10px}}@media(max-width:768px){#taskbar{height:50px}.win-body{max-height:calc(100vh - 50px)}}*{max-width:100%}
