:root{--blue:#62b8ff;--blue2:#2186d4;--red:#e44747;--dark:#07111d;--panel:rgba(12,24,38,.93);--text:#eef6ff;--muted:#a9bfd2}*{box-sizing:border-box}body{margin:0;background:#07111d;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.topbar{height:38px;background:#080d14dd;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:13px;position:fixed;z-index:50;width:100%;backdrop-filter:blur(12px)}.activities{font-weight:700}.top-title{opacity:.85}.status{display:flex;gap:9px;align-items:center}.desktop{height:100vh;padding-top:38px}.wallpaper{height:100%;background:radial-gradient(circle at 70% 30%,#164d79 0,#0a2338 34%,#030912 100%);position:relative;overflow:hidden}.wallpaper:before{content:"";position:absolute;inset:-20%;background:linear-gradient(120deg,transparent 35%,rgba(98,184,255,.08) 50%,transparent 65%);transform:rotate(-8deg)}.window{background:var(--panel);border:1px solid #47708f88;border-radius:12px;box-shadow:0 25px 70px #0008;backdrop-filter:blur(18px)}.hero-window{position:absolute;width:min(820px,calc(100% - 120px));left:50%;top:50%;transform:translate(-50%,-54%)}.titlebar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #ffffff16;background:#0a1623dd;border-radius:12px 12px 0 0;font-size:13px;font-weight:700}.titlebar button,.modal-close{border:0;background:transparent;color:white;font-size:20px;cursor:pointer}.window-body{padding:24px}.hero{display:grid;grid-template-columns:130px 1fr;gap:28px;align-items:center}.avatar{width:112px;height:112px;border-radius:28px;background:linear-gradient(145deg,var(--blue),#176db4);display:grid;place-items:center;font-size:38px;font-weight:800;box-shadow:0 15px 35px #2186d466}.eyebrow{color:var(--blue);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px}h1{font-size:42px;margin:6px 0}h2{margin-top:0}p{color:var(--muted);line-height:1.65}.chips,.tags{display:flex;gap:7px;flex-wrap:wrap}.chips span,.tags span{background:#10314b;border:1px solid #28577b;color:#cbeaff;border-radius:999px;padding:5px 9px;font-size:11px}.actions{display:flex;gap:10px;margin-top:20px}.actions button,.project-card button,.download{border:1px solid #35617f;background:#102438;color:#e8f5ff;border-radius:8px;padding:10px 14px;cursor:pointer;text-decoration:none}.primary{background:var(--blue2)!important;border-color:var(--blue2)!important;color:white!important}.dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;display:flex;gap:7px;padding:8px;background:#07111dcc;border:1px solid #40617a88;border-radius:16px;backdrop-filter:blur(16px)}.dock button{width:56px;height:52px;border:0;border-radius:10px;background:#102235;color:white;font-size:22px;cursor:pointer;transition:.18s}.dock button:hover{background:#1d4665;transform:translateY(-4px)}.dock small{display:block;font-size:8px;margin-top:2px}.apps .app{display:none;position:fixed;z-index:40;width:min(920px,calc(100% - 40px));height:min(680px,calc(100% - 110px));left:50%;top:50%;transform:translate(-50%,-50%)}.app .window-body{height:calc(100% - 42px);overflow:auto}.skillgrid,.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card,.project-card{background:#0b1b2a;border:1px solid #23445e;border-radius:12px;padding:16px}.card h4,.project-card h3{margin:0 0 8px}.project-icon{font-size:28px}.terminal{height:calc(100% - 42px);background:#02070b;padding:18px;font-family:ui-monospace,SFMono-Regular,monospace;color:#d6f5e4;overflow:auto}.prompt{display:flex;gap:8px;margin-top:10px}.prompt span{color:#69d18b}.prompt input{flex:1;background:transparent;border:0;outline:0;color:#fff;font:inherit}.modal{display:none;position:fixed;inset:0;background:#0009;z-index:100;align-items:center;justify-content:center;padding:20px}.modal-card{position:relative;background:#081522;border:1px solid #47708f;border-radius:14px;width:min(900px,100%);max-height:90vh;overflow:auto;padding:28px}.modal-close{position:absolute;right:15px;top:10px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px}.meta{color:var(--muted)}@media(max-width:700px){body{overflow:auto}.topbar{height:34px}.hero-window{width:calc(100% - 22px);top:45%}.hero{grid-template-columns:1fr;text-align:center}.avatar{margin:auto}h1{font-size:30px}.chips,.actions{justify-content:center}.dock{bottom:8px;max-width:calc(100% - 12px);overflow:auto}.dock button{min-width:48px}.apps .app{width:calc(100% - 18px);height:calc(100% - 75px);top:48%}.skillgrid,.project-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.window-body{padding:18px}}

/* Draggable Ubuntu-style application windows */
.apps .app{cursor:default;will-change:left,top;}
.apps .app .titlebar{cursor:grab;user-select:none;touch-action:none;}
.apps .app.dragging .titlebar{cursor:grabbing;}
.apps .app.active{box-shadow:0 28px 80px #000a,0 0 0 1px #62b8ff22;}
.apps .app .titlebar button{cursor:pointer;position:relative;z-index:3;}
@media(max-width:700px){.apps .app .titlebar{cursor:grab}.apps .app.dragging{transition:none;}}
