:root{--accent:#1675dc;--accent2:#54c5ef;--glass:rgba(241,247,253,.86);--ink:#182236;--muted:#69768a;--line:#dfe6ee;--taskbar:57px;--brightness:1}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;background:#07162f;color:var(--ink)}button,input,textarea{font:inherit}button{color:inherit}.boot{position:fixed;inset:0;z-index:50000;background:#06142c;color:white;display:grid;place-content:center;justify-items:center;transition:.65s}.boot.hidden{opacity:0;visibility:hidden}.windows-logo{width:82px;height:82px;display:grid;grid-template-columns:1fr 1fr;gap:5px;transform:perspective(300px) rotateY(-7deg)}.windows-logo i,.windows-logo b{background:#35a9ff;box-shadow:0 0 28px #35a9ff35}.windows-logo.mini{width:22px;height:22px;gap:2px}.boot h1{margin:24px 0 1px;font-size:25px}.boot p{margin:0;color:#9eb3cf;font-size:11px;letter-spacing:2.5px}.boot-log{font:10px Consolas;margin-top:22px;color:#76caff}.dots{display:flex;gap:6px;margin-top:18px}.dots i{width:5px;height:5px;border-radius:50%;background:white;animation:pulse 1.1s infinite}.dots i:nth-child(2){animation-delay:.1s}.dots i:nth-child(3){animation-delay:.2s}.dots i:nth-child(4){animation-delay:.3s}.dots i:nth-child(5){animation-delay:.4s}@keyframes pulse{50%{opacity:.18;transform:scale(.7)}}
.desktop{position:relative;width:100%;height:100%;overflow:hidden;filter:brightness(var(--brightness));background:
linear-gradient(rgba(1,12,28,.10),rgba(1,12,28,.18)),
url("../img/windows11-wallpaper.jpg") center center/cover no-repeat fixed;
transition:background .35s}.theme-purple{background:linear-gradient(rgba(55,12,95,.34),rgba(14,6,45,.40)),url("../img/windows11-wallpaper.jpg") center/cover no-repeat fixed}.theme-dark{background:linear-gradient(rgba(0,6,15,.56),rgba(0,6,15,.68)),url("../img/windows11-wallpaper.jpg") center/cover no-repeat fixed}.theme-sunset{background:linear-gradient(rgba(133,36,65,.28),rgba(42,12,48,.38)),url("../img/windows11-wallpaper.jpg") center/cover no-repeat fixed}.wallpaper-shape{position:absolute;border-radius:50%;filter:blur(2px);opacity:.18;pointer-events:none}.wallpaper-shape.one{width:420px;height:420px;right:14%;top:7%;border:80px solid white}.wallpaper-shape.two{width:520px;height:520px;left:29%;bottom:-230px;border:100px solid #9fd5ff}.noise{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.desktop-brand{position:absolute;right:42px;top:29px;color:white;text-align:right;text-shadow:0 3px 20px #0004}.desktop-brand small{display:block;font-size:9px;letter-spacing:3px;opacity:.68}.desktop-brand strong{display:block;font-size:25px;margin-top:5px}.desktop-brand span{font-size:10px;opacity:.66}
.desktop-icons{position:absolute;inset:0 0 var(--taskbar);z-index:5;pointer-events:none}.desktop-icon{position:absolute;width:91px;height:81px;border:1px solid transparent;border-radius:7px;background:transparent;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-shadow:0 1px 5px #000;cursor:default;pointer-events:auto;touch-action:none}.desktop-icon:hover,.desktop-icon.selected{background:#ffffff22;border-color:#ffffff33}.desktop-icon.dragging{opacity:.78;z-index:50}.desktop-icon b{width:43px;height:43px;border-radius:10px;display:grid;place-items:center;text-shadow:none;box-shadow:0 7px 18px #0004;font-size:14px}.desktop-icon span{font-size:11px;line-height:1.1;text-align:center;max-width:88px}.icon-pc{background:linear-gradient(135deg,#edf9ff,#80cbff);color:#1466aa}.icon-folder{background:linear-gradient(135deg,#ffe990,#efb51f);color:#976000}.icon-idea{background:linear-gradient(135deg,#b99cff,#704bd6)}.icon-photo{background:linear-gradient(135deg,#8be4dc,#0b9b8e)}.icon-ai{background:linear-gradient(135deg,#51c6f3,#5366e9)}.icon-task{background:linear-gradient(135deg,#d8f0ff,#4c8ed4);color:#194f85}.icon-store{background:linear-gradient(135deg,#f8f8ff,#7a87ec);color:#3843a0}.icon-instagram{background:linear-gradient(135deg,#7c36d3,#ec3b78,#ffb73b)}.icon-facebook{background:#1877f2}.icon-linkedin{background:#0a66c2}.icon-mail{background:linear-gradient(135deg,#f7fcff,#6db9f5);color:#155f9f}.icon-bin{background:linear-gradient(135deg,#edffff,#76cecf);color:#167579}
.widgets{position:absolute;right:28px;top:104px;width:254px;display:flex;flex-direction:column;gap:11px;z-index:4}.glass-widget{padding:16px;border:1px solid #ffffff55;border-radius:15px;background:#eef7ff24;color:white;backdrop-filter:blur(19px) saturate(130%);box-shadow:0 16px 38px #06172f2c}.glass-widget>small{font-size:9px;letter-spacing:1.5px;opacity:.72}.clock-widget span{display:block;font-size:38px;font-weight:300;letter-spacing:-2px}.clock-widget small{font-size:10px;opacity:.75}.glass-widget p{font-size:12px;line-height:1.55;margin:9px 0 12px}.glass-widget button{border:1px solid #ffffff44;background:#ffffff17;color:white;border-radius:6px;padding:6px 8px;font-size:9px}.progress-widget div{height:6px;background:#ffffff2d;border-radius:10px;margin:11px 0 7px;overflow:hidden}.progress-widget i{display:block;height:100%;width:0;background:white;border-radius:10px;transition:.3s}.progress-widget span{font-size:9px;opacity:.8}
.taskbar{position:fixed;z-index:10000;left:0;right:0;bottom:0;height:var(--taskbar);display:grid;grid-template-columns:1fr auto 1fr;background:rgba(238,246,255,.82);border-top:1px solid #ffffffaa;backdrop-filter:blur(27px) saturate(160%);box-shadow:0 -7px 30px #00000016}.task-center{grid-column:2;display:flex;align-items:center;gap:3px}.task-button{height:43px;min-width:43px;border:0;background:transparent;border-radius:7px;font-size:21px;color:#24639f;display:grid;place-items:center;position:relative}.task-button:hover,.task-button.active{background:#ffffffa6}.task-button.running:after{content:"";position:absolute;bottom:2px;width:15px;height:3px;background:var(--accent);border-radius:5px}.running-apps{display:flex;gap:3px}.tray{grid-column:3;justify-self:end;display:flex;align-items:center;padding-right:5px}.tray button{height:43px;border:0;background:transparent;border-radius:6px;font-size:11px}.tray button:hover{background:#ffffffa3}#clockButton{min-width:78px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;line-height:1.1}#clockButton small{font-size:9px;margin-top:3px}#showDesktopButton{min-width:7px;border-left:1px solid #0002;border-radius:0}
.start-menu{position:fixed;z-index:9000;left:50%;bottom:69px;width:min(650px,calc(100vw - 20px));height:690px;max-height:calc(100vh - 80px);transform:translate(-50%,18px) scale(.985);opacity:0;visibility:hidden;background:rgba(243,248,253,.92);border:1px solid #ffffffb5;border-radius:15px;box-shadow:0 27px 85px #03132966;backdrop-filter:blur(35px) saturate(150%);transition:.18s;display:flex;flex-direction:column}.start-menu.show{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}.start-search{height:40px;margin:28px 43px 18px;border:1px solid #cbd5df;border-bottom:2px solid var(--accent);border-radius:5px;background:white;display:flex;align-items:center;gap:9px;padding:0 12px}.start-search input{width:100%;border:0;outline:0;font-size:12px}.start-heading{margin:0 43px 11px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.start-heading button{border:1px solid #d3dae3;background:white;border-radius:5px;padding:4px 8px;font-size:10px}.pinned{padding:0 35px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px 1px}.pinned button{height:77px;border:0;background:transparent;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:10px}.pinned button:hover{background:#ffffffb3}.pinned b{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#177edc,#54bdf0);color:white;display:grid;place-items:center;font-size:10px}.recommended-title{margin-top:18px}.recommended-title span{font-size:9px;color:var(--muted)}.recommended{padding:0 43px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.recommended button{height:58px;border:0;background:transparent;border-radius:7px;display:flex;align-items:center;gap:9px;text-align:left;padding:7px}.recommended button:hover{background:#ffffffa8}.recommended img,.recommended-icon{width:42px;height:42px;border-radius:6px;object-fit:cover}.recommended-icon{display:grid;place-items:center;background:#e9e1ff}.recommended button>span:last-child{display:flex;flex-direction:column}.recommended strong{font-size:10px}.recommended small{font-size:9px;color:var(--muted);margin-top:3px}.start-menu footer{margin-top:auto;height:66px;border-radius:0 0 15px 15px;background:#e1ebf5b3;border-top:1px solid #fff;display:flex;align-items:center;justify-content:space-between;padding:0 43px}.user{display:flex;align-items:center;gap:9px}.user>span{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#12438f,#3eb6e8);color:white;display:grid;place-items:center;font-size:10px;font-weight:700}.user div{display:flex;flex-direction:column}.user strong{font-size:11px}.user small{font-size:9px;color:var(--muted);margin-top:2px}#powerButton{border:0;background:transparent;font-size:20px}
.control-center,.calendar-panel,.notification-panel{position:fixed;z-index:8500;right:10px;bottom:67px;width:370px;background:rgba(244,249,254,.94);border:1px solid #fff;border-radius:14px;box-shadow:0 22px 70px #03132955;backdrop-filter:blur(30px);opacity:0;visibility:hidden;transform:translateY(13px);transition:.17s}.control-center.show,.calendar-panel.show,.notification-panel.show{opacity:1;visibility:visible;transform:none}.control-center{padding:19px}.toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.toggle-grid button{height:62px;border:0;border-radius:9px;background:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px}.toggle-grid button.active{background:var(--accent);color:white}.toggle-grid span{font-size:9px;margin-top:5px}.control-center label{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:10px;margin-top:17px;font-size:10px}.control-center input{width:100%}.calendar-panel{padding:18px}.calendar-panel header{display:flex;justify-content:space-between;margin-bottom:13px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-grid span{height:32px;border-radius:50%;display:grid;place-items:center;font-size:10px}.calendar-grid .head{height:20px;color:var(--muted);font-size:9px}.calendar-grid .today{background:var(--accent);color:white}.calendar-grid .muted{opacity:.3}.agenda{margin-top:14px;padding:12px;border-radius:9px;background:#e9f3fe;display:flex;flex-direction:column}.agenda small{font-size:8px;letter-spacing:1px;color:#55728c}.agenda strong{font-size:11px;margin:5px 0}.agenda span{font-size:9px;color:var(--muted)}.notification-panel{padding:16px}.notification-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.notification-panel header button{border:0;background:transparent;color:#176cc4;font-size:9px}.notification-item{padding:12px;border-radius:9px;background:white;margin-top:8px;box-shadow:0 6px 17px #17345610}.notification-item strong{display:block;font-size:10px}.notification-item p{font-size:9px;color:var(--muted);line-height:1.4;margin:5px 0}.notification-item small{font-size:8px;color:#8190a2}
.window-layer{position:absolute;inset:0 0 var(--taskbar);z-index:100;pointer-events:none}.window{position:absolute;width:min(960px,calc(100vw - 70px));height:min(680px,calc(100vh - 96px));min-width:440px;min-height:310px;border-radius:13px;overflow:hidden;background:rgba(255,255,255,.97);border:1px solid #ffffffd5;box-shadow:0 25px 88px #03132966;backdrop-filter:blur(24px);pointer-events:auto;display:flex;flex-direction:column;animation:open .17s}.window.inactive{filter:saturate(.83);box-shadow:0 15px 46px #03132944}.window.maximized{inset:0!important;width:100%!important;height:100%!important;border-radius:0}.window.minimized{display:none}@keyframes open{from{opacity:0;transform:scale(.97) translateY(10px)}}.titlebar{height:43px;background:#f4f8fc;display:flex;align-items:center;justify-content:space-between}.titlebar>div{display:flex;align-items:center;gap:9px;padding-left:13px;font-size:11px}.titlebar i{width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,var(--accent),var(--accent2))}.titlebar nav{height:100%;display:flex}.titlebar nav button{width:47px;border:0;background:transparent}.titlebar nav button:hover{background:#0001}.titlebar .close:hover{background:#d92d3c;color:white}.window-toolbar{height:47px;padding:7px 10px;display:flex;align-items:center;gap:5px;background:#f8fafc;border-bottom:1px solid var(--line)}.window-toolbar>button{width:31px;height:31px;border:0;background:transparent;border-radius:5px}.window-toolbar>button:hover{background:#e7edf4}.address{height:32px;flex:1;border:1px solid #d2dbe5;border-radius:5px;background:white;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:11px;color:#586579}.window-content{flex:1;overflow:auto;background:white;user-select:text}.window>footer{height:25px;border-top:1px solid var(--line);background:#f7f9fb;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:9px;color:#738094}
.hero{padding:34px;background:linear-gradient(135deg,#071e43,#0a64c2 58%,#40c7f0);color:white;display:grid;grid-template-columns:1fr 225px;gap:28px;align-items:center}.hero small{font-size:9px;letter-spacing:2px;opacity:.7}.hero h1{font-size:43px;line-height:1;letter-spacing:-2px;margin:10px 0}.hero p{font-size:12px;line-height:1.65;color:#ffffffd7}.hero-visual{height:188px;border:1px solid #ffffff44;border-radius:21px;background:#ffffff18;display:grid;place-items:center;font-size:62px;font-weight:800;box-shadow:inset 0 0 50px #fff1}.section{padding:28px}.section h2{font-size:25px;letter-spacing:-.7px;margin:0 0 7px}.lead{font-size:12px;line-height:1.7;color:var(--muted);max-width:780px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:17px}.stat{padding:15px;border-radius:10px;background:#f0f6fd;border:1px solid #dae7f5}.stat strong{display:block;font-size:21px;color:#0c66d3}.stat span{font-size:9px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:19px}.card{border:1px solid var(--line);border-radius:11px;padding:17px;background:white;box-shadow:0 8px 22px #1931550d}.card-icon{width:39px;height:39px;border-radius:9px;background:#e7f3ff;color:#1268c4;display:grid;place-items:center;font-size:10px;font-weight:700;margin-bottom:11px}.card h3{font-size:13px;margin:0 0 6px}.card p{font-size:10px;line-height:1.55;color:var(--muted);margin:0}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:19px}.project{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:white;cursor:pointer;transition:.16s}.project:hover{transform:translateY(-3px);box-shadow:0 13px 29px #19315522}.project img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}.project div{padding:12px}.project h3{font-size:11px;margin:0 0 4px}.project p{font-size:9px;color:var(--muted);margin:0}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.gallery img{width:100%;aspect-ratio:1.18;object-fit:cover;border-radius:9px;cursor:pointer}.skills-list{margin-top:16px}.skill{display:grid;grid-template-columns:170px 1fr 42px;gap:11px;align-items:center;margin:11px 0;font-size:10px}.bar{height:8px;background:#e5ebf1;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:10px}.ideas-board{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.note{min-height:156px;padding:17px;border-radius:5px;background:#fff0a5;box-shadow:0 8px 20px #2222;transform:rotate(-1deg)}.note:nth-child(2n){background:#c9f1ff;transform:rotate(1deg)}.note:nth-child(3n){background:#e2d4ff}.note strong{font-size:11px}.note p{font-size:10px;line-height:1.55}.note small{font-size:8px;color:#5d6775}.explorer-layout{display:grid;grid-template-columns:205px 1fr;min-height:100%}.explorer-sidebar{background:#f4f8fc;border-right:1px solid var(--line);padding:13px 8px}.explorer-sidebar button{width:100%;border:0;background:transparent;text-align:left;padding:8px;border-radius:6px;font-size:10px}.explorer-sidebar button.active,.explorer-sidebar button:hover{background:#e3effb}.explorer-main{padding:22px}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.file-card{padding:12px;border:1px solid var(--line);border-radius:9px;background:white;display:flex;align-items:center;gap:10px;text-align:left}.file-card b{width:38px;height:38px;border-radius:8px;background:#e7f3ff;color:#146ac6;display:grid;place-items:center;font-size:9px}.file-card span{display:flex;flex-direction:column}.file-card strong{font-size:10px}.file-card small{font-size:8px;color:var(--muted);margin-top:3px}.assistant{display:grid;grid-template-rows:auto 1fr auto;height:100%;background:#f4f8fc}.assistant-head{padding:20px;background:linear-gradient(135deg,#071e43,#0b70d7);color:white}.assistant-head h2{margin:0 0 5px}.assistant-head p{font-size:10px;color:#ffffffc8;margin:0}.assistant-messages{padding:18px;overflow:auto}.bubble{max-width:75%;padding:11px 13px;border-radius:12px;margin-bottom:10px;font-size:10px;line-height:1.55;background:white;border:1px solid var(--line)}.bubble.ai{border-bottom-left-radius:3px}.bubble.user{margin-left:auto;background:#1675dc;color:white;border-color:#1675dc;border-bottom-right-radius:3px}.assistant-input{padding:12px;border-top:1px solid var(--line);display:flex;gap:8px;background:white}.assistant-input input{flex:1;border:1px solid #d2dce6;border-radius:20px;padding:9px 13px;outline:0;font-size:10px}.assistant-input button{border:0;border-radius:20px;background:var(--accent);color:white;padding:0 16px;font-size:10px}.process-table{width:100%;border-collapse:collapse;margin-top:15px}.process-table th,.process-table td{text-align:left;padding:10px;border-bottom:1px solid var(--line);font-size:10px}.process-table th{color:var(--muted);font-weight:500}.process-name{display:flex;align-items:center;gap:8px}.process-name b{width:28px;height:28px;border-radius:6px;background:#e7f3ff;color:#146ac4;display:grid;place-items:center;font-size:8px}.performance{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.meter{padding:14px;border-radius:10px;background:#f0f6fd;border:1px solid #d9e6f4}.meter strong{display:block;font-size:20px;color:#0d66d3}.meter span{font-size:9px;color:var(--muted)}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.achievement{padding:17px;border:1px solid var(--line);border-radius:11px;text-align:center;background:white}.achievement.locked{filter:grayscale(1);opacity:.48}.achievement b{display:block;font-size:30px}.achievement strong{display:block;font-size:11px;margin:8px 0 4px}.achievement span{font-size:9px;color:var(--muted)}.settings-layout{display:grid;grid-template-columns:195px 1fr;min-height:100%}.settings-nav{background:#f4f8fc;border-right:1px solid var(--line);padding:18px}.settings-nav button{width:100%;border:0;background:transparent;text-align:left;padding:8px;border-radius:6px;font-size:10px}.settings-nav button.active{background:#e2effb}.settings-main{padding:26px}.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.theme-choice{height:90px;border:3px solid transparent;border-radius:10px}.theme-choice.active{border-color:var(--accent)}.theme-choice.blue{background:linear-gradient(135deg,#08264e,#159fdc)}.theme-choice.purple{background:linear-gradient(135deg,#241043,#bc4b9c)}.theme-choice.dark{background:linear-gradient(135deg,#05080e,#263d58)}.theme-choice.sunset{background:linear-gradient(135deg,#4c174e,#ed8961)}.setting-line{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.setting-line strong{font-size:11px}.setting-line small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.switch{width:41px;height:22px;border:0;border-radius:20px;background:var(--accent);padding:3px}.switch i{display:block;width:16px;height:16px;border-radius:50%;background:white;transform:translateX(19px);transition:.15s}.switch.off{background:#b9c2ce}.switch.off i{transform:none}.terminal{height:100%;background:#07111c;color:#bcebd0;padding:18px;font:11px/1.7 Consolas}.prompt{color:#5fc9ff}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;margin-top:18px}.contact-card{padding:19px;border-radius:12px;background:#f2f8fe;border:1px solid #d9e7f5}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:700}.field input,.field textarea{padding:9px;border:1px solid #d3dce6;border-radius:6px;font-size:10px}.primary{border:0;border-radius:6px;background:var(--accent);color:white;padding:10px;font-size:10px}.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.store-item{border:1px solid var(--line);border-radius:11px;padding:17px;background:white}.store-item b{width:42px;height:42px;border-radius:10px;background:#e7f3ff;color:#1268c4;display:grid;place-items:center;margin-bottom:11px}.store-item h3{font-size:12px;margin:0 0 5px}.store-item p{font-size:9px;line-height:1.5;color:var(--muted)}.store-item button{border:0;border-radius:6px;background:#edf4fb;color:#176ac3;padding:7px 10px;font-size:9px}
.winamp{position:fixed;z-index:7000;right:18px;bottom:75px;width:332px;background:#11151c;color:#d7ffe1;border:1px solid #5b6470;border-radius:7px;box-shadow:0 21px 58px #0007;overflow:hidden}.winamp.hidden{display:none}.winamp>header{height:28px;background:linear-gradient(#4b535f,#252b32);display:flex;align-items:center;justify-content:space-between;padding:0 8px;font:bold 9px Arial;letter-spacing:1px;cursor:move}.winamp>header button{border:0;background:#7d2631;color:white;width:20px;height:18px}.player-screen{margin:8px;background:#07100a;border:2px inset #58635c;min-height:77px;padding:8px;display:grid;grid-template-columns:98px 1fr;gap:8px}.player-screen small{font:8px Arial;color:#69dc99}.player-screen strong{display:block;font:11px "Courier New";color:#bcff7c;margin:7px 0}.player-screen span{font:11px "Courier New";color:#68ff8d}.equalizer{height:55px;display:flex;align-items:flex-end;gap:2px}.equalizer i{width:5px;min-height:5px;background:linear-gradient(#ffdc59,#6eff7c);transition:.09s}.seekbar{height:8px;background:#2c333b;margin:0 9px;border:1px inset #69727c;cursor:pointer}.seekbar i{display:block;height:100%;width:0;background:#70dc89}.player-controls{height:43px;background:#252b32;display:flex;align-items:center;gap:4px;padding:5px 8px}.player-controls button{width:34px;height:28px;border:1px outset #737b84;background:#444b55;color:white;font-size:9px}.player-controls .play{color:#8cff98}.player-controls label{margin-left:auto;font:8px Arial}.player-controls input{width:65px}.playlist{background:#080c0a;max-height:104px;overflow:auto;padding:4px}.playlist button{width:100%;border:0;background:transparent;color:#8deca8;text-align:left;padding:6px;font:9px "Courier New"}.playlist button.active{background:#173522;color:#d6ff85}
.context-menu{position:fixed;z-index:11000;width:205px;padding:6px;border-radius:9px;background:#f8fbfeef;border:1px solid #fff;box-shadow:0 15px 44px #0004;backdrop-filter:blur(24px);opacity:0;visibility:hidden;transform:scale(.97);transition:.1s}.context-menu.show{opacity:1;visibility:visible;transform:scale(1)}.context-menu button{width:100%;border:0;background:transparent;text-align:left;padding:8px;border-radius:5px;font-size:10px}.context-menu button:hover{background:#e5effa}.context-menu hr{border:0;border-top:1px solid #e0e6ec}.toast{position:fixed;z-index:14000;right:15px;bottom:74px;width:300px;padding:13px;border-radius:10px;background:#faffffee;box-shadow:0 14px 42px #0004;font-size:10px;opacity:0;visibility:hidden;transform:translateX(25px);transition:.2s}.toast.show{opacity:1;visibility:visible;transform:none}.lock-screen{position:fixed;z-index:20000;inset:0;background:radial-gradient(circle at 60% 30%,#1f78c5,#07162f 65%);color:white;display:grid;grid-template-rows:1fr 1fr;justify-items:center;text-align:center;opacity:0;visibility:hidden;transition:.35s}.lock-screen.show{opacity:1;visibility:visible}.lock-screen>div{align-self:end}.lock-screen>div span{display:block;font-size:70px;font-weight:300}.lock-screen>div small{font-size:14px}.lock-screen section{align-self:center}.lock-screen section b{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#1774d8,#55c4ef);display:grid;place-items:center;margin:auto;font-size:20px}.lock-screen section h2{margin:15px 0 4px}.lock-screen section p{font-size:10px;color:#a9b8cb}.lightbox{position:fixed;z-index:30000;inset:0;background:#020710ee;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.2s}.lightbox.show{opacity:1;visibility:visible}.lightbox img{max-width:89vw;max-height:76vh;border-radius:11px;box-shadow:0 25px 78px #000}.lightbox>button{position:absolute;right:22px;top:18px;width:43px;height:43px;border:0;border-radius:50%;background:#ffffff20;color:white;font-size:22px}.lightbox strong{margin-top:13px;font-size:13px}.lightbox span{font-size:9px;color:#aeb9c9;margin-top:4px}
.focus-mode .desktop-icons,.focus-mode .widgets,.focus-mode .desktop-brand{opacity:.16;transition:.2s}
@media(max-width:800px){.desktop-brand,.widgets{display:none}.desktop-icon{transform:scale(.9);transform-origin:center}.window{min-width:0;min-height:0;left:7px!important;top:7px!important;width:calc(100vw - 14px)!important;height:calc(100vh - 70px)!important}.hero{grid-template-columns:1fr}.hero-visual{display:none}.grid,.projects,.ideas-board,.stats,.performance,.achievement-grid,.store-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.explorer-layout,.settings-layout{grid-template-columns:1fr}.explorer-sidebar,.settings-nav{display:none}.themes{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.form{grid-template-columns:1fr}.field.full{grid-column:auto}.start-menu{height:calc(100vh - 75px);bottom:64px}.start-search,.start-heading{margin-left:20px;margin-right:20px}.pinned{padding:0 15px;grid-template-columns:repeat(3,1fr)}.recommended{padding:0 20px;grid-template-columns:1fr}.start-menu footer{padding:0 20px}.control-center,.calendar-panel,.notification-panel{width:calc(100vw - 20px)}.winamp{right:7px;bottom:66px;width:calc(100vw - 14px)}}
.wallpaper-shape,.noise{display:none!important}
.hero-signature{
position:absolute;left:50%;right:auto;top:auto;bottom:110px;transform:translateX(-50%);
width:min(1100px,88vw);text-align:center;color:white;z-index:3;pointer-events:none;
text-shadow:0 4px 30px rgba(0,0,0,.55)
}
.hero-signature small{display:block;font-size:10px;letter-spacing:4px;opacity:.68;margin-bottom:7px}
.hero-signature strong{display:block;font-size:clamp(54px,8.2vw,124px);font-weight:650;line-height:.92;letter-spacing:-5px}
.hero-signature span{display:block;margin-top:18px;font-size:clamp(13px,1.8vw,27px);font-weight:700;letter-spacing:13px}
.icon-photoshop{background:linear-gradient(145deg,#001e36,#0b253d);color:#31a8ff;border:2px solid #31a8ff;font-size:21px!important;font-weight:700}
.icon-illustrator{background:linear-gradient(145deg,#2b1300,#441b00);color:#ff9a00;border:2px solid #ff9a00;font-size:21px!important;font-weight:700}
.desktop-icon b{backdrop-filter:blur(8px)}
.taskbar{background:rgba(12,24,42,.78);border-top:1px solid rgba(255,255,255,.18);box-shadow:0 -8px 30px rgba(0,0,0,.25)}
.taskbar,.taskbar button{color:#eef7ff}
.start-menu,.control-center,.calendar-panel,.notification-panel{
background:rgba(235,244,252,.89);backdrop-filter:blur(34px) saturate(180%);
border:1px solid rgba(255,255,255,.72)
}
.window{
background:rgba(255,255,255,.965);border:1px solid rgba(255,255,255,.85);
box-shadow:0 30px 100px rgba(0,10,30,.58),0 0 0 1px rgba(35,80,130,.10)
}
.titlebar{background:linear-gradient(180deg,rgba(252,254,255,.98),rgba(239,246,252,.97))}
.winamp{box-shadow:0 28px 85px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.08)}
.boot{
background:
radial-gradient(circle at 50% 42%,rgba(34,112,235,.22),transparent 28%),
linear-gradient(180deg,#06101f,#02060d);
}
.boot:after{
content:"";position:absolute;inset:0;background:url("../img/windows11-wallpaper.jpg") center/cover no-repeat;
opacity:.12;filter:blur(9px);transform:scale(1.03);z-index:-1
}
.boot h1{font-size:34px;letter-spacing:-1px}
.boot p{font-size:12px}
@media (min-width:1600px){
  .desktop-icon{width:102px;height:92px}
  .desktop-icon b{width:50px;height:50px}
  .desktop-icon span{font-size:12px}
  .taskbar{height:64px}
}