*{box-sizing:border-box}
html{background:#003399;min-height:100%}
body{
    margin:0;
    padding:6px 6px 42px;
    min-height:100vh;
    background:
        repeating-linear-gradient(45deg,#8ea8d1 0,#8ea8d1 3px,#c7d5eb 3px,#c7d5eb 6px);
    font-family:"Times New Roman",Times,serif;
    color:#000
}
a{color:#0000cc}
.page{
    width:100%;
    max-width:none;
    margin:0;
    padding:7px;
    background:#b9cae5;
    border-top:4px solid #fff;
    border-left:4px solid #fff;
    border-right:4px solid #536a8f;
    border-bottom:4px solid #536a8f;
    box-shadow:4px 4px 0 #001d58
}
.browser{
    background:#ece9d8;
    border:2px solid #fff;
    box-shadow:inset -2px -2px #777,inset 2px 2px #fff;
    margin-bottom:8px
}
.browser-title{
    min-height:30px;
    padding:4px 8px;
    color:#fff;
    font-family:Arial,sans-serif;
    font-size:14px;
    font-weight:bold;
    background:linear-gradient(to right,#0055b8,#2d8ce8);
    display:flex;
    align-items:center;
    justify-content:space-between
}
.window-controls{font-family:Arial,sans-serif;letter-spacing:3px}
.browser-menu{
    padding:6px 10px;
    border-bottom:1px solid #aaa;
    font-family:Arial,sans-serif;
    font-size:13px
}
.browser-buttons{
    padding:8px 10px;
    font-family:Arial,sans-serif;
    border-bottom:1px solid #aaa;
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    align-items:center
}
.browser-button{white-space:nowrap}
.browser-address{
    padding:5px;
    display:flex;
    align-items:center;
    font-family:Arial,sans-serif;
    font-size:12px;
    gap:5px
}
.address-input{
    flex:1;
    background:#fff;
    border:2px inset #ddd;
    padding:4px 6px;
    font-family:Arial,sans-serif;
    min-width:0
}
.hero{
    background:#001eff;
    color:#ffff00;
    text-align:center;
    padding:25px 10px;
    font-size:38px;
    font-weight:bold;
    text-shadow:3px 3px #000;
    border:3px ridge #acc4e7;
    font-family:"Comic Sans MS","Trebuchet MS",cursive
}
.marquee-box{
    margin-top:7px;
    border:4px ridge #b4c9e7;
    background:#000;
    color:#ffff22;
    height:50px;
    display:flex;
    align-items:center;
    font-size:21px;
    font-weight:bold;
    overflow:hidden
}
.marquee-star{
    padding:0 14px;
    color:#fff;
    text-shadow:0 0 6px #fff;
    font-size:27px
}
.marquee-content{flex:1;overflow:hidden}
.layout{
    display:grid;
    grid-template-columns:190px minmax(0,1fr) 225px;
    gap:7px;
    margin-top:7px;
    align-items:start
}
.panel{
    background:#efefef;
    border:5px ridge #d0ddf0;
    padding:8px
}
.left-panel,.right-panel{position:sticky;top:6px}
.logo-panel{text-align:center;padding:18px 5px}
.logo-main{
    font-family:Arial Black,Arial,sans-serif;
    font-size:39px;
    font-weight:900;
    color:#080cc4;
    letter-spacing:-2px;
    text-shadow:2px 2px 0 #fff,4px 4px 2px #777
}
.logo-sub{
    color:#d00000;
    font-family:Arial Black,Arial,sans-serif;
    font-size:18px;
    font-weight:bold
}
.old-button{
    display:block;
    text-decoration:none;
    text-align:center;
    margin:10px 0;
    padding:12px 3px;
    color:#000;
    font-family:Arial,sans-serif;
    font-size:16px;
    font-weight:bold;
    background:linear-gradient(to bottom,#fff 0%,#cbd8f0 40%,#9eb5dd 60%,#dfe8f8 100%);
    border:5px outset #cad9f2;
    box-shadow:2px 2px 0 #666
}
.old-button:hover,.old-button.active{
    color:#0000cc;
    border-style:inset;
    background:#fff2a6
}
.main-content{
    background:#fafafa;
    border:5px ridge #ccd9eb;
    padding:18px;
    min-height:650px;
    min-width:0
}
.main-title{
    color:#0928b0;
    font-size:34px;
    margin:0;
    font-weight:bold;
    text-align:center
}
.slogan{
    text-align:center;
    color:#d11818;
    font-size:21px;
    font-style:italic;
    margin:9px 0 10px
}
.divider{
    height:3px;
    width:250px;
    background:#113ed4;
    border:0;
    margin:13px auto 20px
}
.welcome{
    display:grid;
    grid-template-columns:1fr 170px;
    gap:16px;
    align-items:center
}
.welcome p,.copy{font-size:18px;line-height:1.45}
.retro-list{
    margin:12px 0;
    padding:0;
    list-style:none;
    font-size:17px;
    line-height:1.8
}
.retro-list li::before{
    content:"▶";
    color:#002aff;
    font-size:12px;
    margin-right:8px
}
.service-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
}
.service-card{
    border:4px ridge #c7d5e8;
    background:#f2f2f2;
    padding:12px
}
.service-card h3{
    margin:0 0 6px;
    color:#0723a9;
    font-size:18px
}
.service-card p{
    margin:0;
    font-size:15px;
    line-height:1.4
}
.brand-box{
    border:4px ridge #c7d5e8;
    background:#fff9c9;
    padding:14px;
    margin:10px 0
}
.brand-box h3{margin:0 0 6px;color:#b40000}
.status{
    margin-top:20px;
    padding:9px;
    background:#000;
    border:4px ridge #aaa;
    color:#ffff00;
    text-align:center;
    font-family:"Courier New",monospace;
    font-weight:bold;
    font-size:15px
}
.side-card{
    background:#efefef;
    border:4px ridge #c9d8ed;
    margin-bottom:10px;
    padding:8px;
    text-align:center
}
.side-card.yellow{
    background:#fff22f;
    border-color:#e6b914
}
.side-card-title{
    color:#cf0000;
    text-decoration:underline;
    font-family:Arial,sans-serif;
    font-size:17px;
    font-weight:bold;
    margin-bottom:10px
}
.side-card p{font-size:14px;line-height:1.3;margin:7px 0}
.side-icon{font-size:48px;display:block;margin:7px 0}
.guestbook{
    color:#001bcc;
    text-decoration:underline;
    font-size:18px;
    font-weight:bold
}
.counter-bar{
    margin-top:7px;
    background:#ede7db;
    border:5px ridge #c7d5e8;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:9px 14px;
    font-size:16px
}
.counter-wrap{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap
}
.counter{
    color:#52ff52;
    background:#020702;
    padding:5px 7px;
    font-family:"Courier New",monospace;
    letter-spacing:4px;
    border:4px inset #777;
    text-shadow:0 0 7px #00ff00;
    box-shadow:inset 0 0 10px #001a00
}
.footer{
    margin-top:7px;
    background:#050505;
    color:#ffdc36;
    border:5px ridge #bed0e7;
    padding:13px 8px 10px;
    text-align:center;
    font-family:"Courier New",monospace;
    font-size:13px
}
.footer .resolution{margin-top:7px;color:#00ffff}
.badge-row{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    margin-top:10px
}
.badge-row img{height:31px;max-width:110px}
.webring{margin-top:10px;color:#fff;font-size:12px}
.webring a{color:#00ffff}
.new{
    color:red;
    font-weight:bold;
    font-family:Arial,sans-serif;
    animation:blink-animation .8s steps(2,start) infinite
}
@keyframes blink-animation{to{visibility:hidden}}
.cursor-trail{
    position:fixed;
    pointer-events:none;
    z-index:99999;
    font-size:12px;
    color:yellow;
    text-shadow:1px 1px #000
}
.retro-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}
.retro-table th,.retro-table td{
    border:2px ridge #c7d5e8;
    padding:8px;
    vertical-align:top
}
.retro-table th{background:#d9e6fa;color:#001b87}
.guest-form label{display:block;font-weight:bold;margin:8px 0 3px}
.guest-form input,.guest-form textarea{
    width:100%;
    font:14px "Courier New",monospace;
    padding:6px;
    border:3px inset #ddd;
    background:#fff
}
.guest-form textarea{min-height:110px;resize:vertical}
.submit-old{
    margin-top:10px;
    padding:8px 18px;
    border:4px outset #cad9f2;
    background:#dfe8f8;
    font-weight:bold;
    cursor:pointer
}
.submit-old:active{border-style:inset}
.guest-entry{border-bottom:2px dotted #8aa0c0;padding:8px 0}
.guest-entry:last-child{border-bottom:0}
.small{font-size:12px}
.construction-img{
    width:150px;
    max-width:100%;
    image-rendering:pixelated
}
.at-gif{
    width:82px;
    max-width:100%;
    image-rendering:pixelated
}
.music-box{font-family:Arial,sans-serif;font-size:12px}
.music-btn{
    padding:6px 8px;
    border:3px outset #ccc;
    background:#e9e9e9;
    font-weight:bold;
    cursor:pointer
}
.music-btn:active{border-style:inset}
.link-box{
    border:4px ridge #c7d5e8;
    background:#fff;
    padding:10px;
    margin:8px 0
}
.link-box a{font-weight:bold}
.blink{animation:blink-animation 1s steps(2,start) infinite}
.center{text-align:center}
.warning{
    background:#ffffcc;
    border:3px dashed #cc0000;
    padding:10px;
    color:#8a0000;
    font-weight:bold
}
.contact-line{font-size:17px;line-height:1.7}
.pixel-sep{
    text-align:center;
    color:#0033cc;
    letter-spacing:5px;
    margin:12px 0
}
.legal{font-size:12px;color:#333}
.top-mini{
    font-size:11px;
    text-align:right;
    margin-bottom:5px;
    color:#193b72
}


.msn-box{
    border:3px outset #dbe9ff;
    background:#eef6ff;
    font-family:Tahoma,Arial,sans-serif;
    text-align:left
}
.msn-title{
    color:#fff;
    background:linear-gradient(#4d8ddd,#1f5cb2);
    padding:5px 6px;
    font-size:12px;
    font-weight:bold
}
.msn-user{
    display:grid;
    grid-template-columns:42px 1fr;
    gap:7px;
    align-items:center;
    padding:8px 6px
}
.msn-avatar{
    width:38px;height:38px;border:2px inset #fff;
    background:linear-gradient(135deg,#7bc6ff,#e4f4ff);
    display:flex;align-items:center;justify-content:center;
    font-size:24px
}
.msn-name{font-size:12px;font-weight:bold}
.msn-status{font-size:11px;color:#0a8a0a}
.msn-actions{
    border-top:1px solid #b6c9e6;
    padding:5px 6px;
    font-size:10px;
    color:#234e91
}


.winamp{
    background:#252525;
    border:3px outset #777;
    font-family:"Courier New",monospace;
    color:#65ff65;
    text-align:left;
    box-shadow:2px 2px 0 #000
}
.winamp-head{
    color:#ddd;
    background:linear-gradient(#444,#161616);
    padding:4px 6px;
    font-size:10px;
    font-weight:bold;
    border-bottom:1px solid #777
}
.winamp-display{
    background:#061006;
    border:2px inset #777;
    margin:5px;
    padding:6px;
    min-height:42px;
    color:#69ff69;
    text-shadow:0 0 4px #00ff00;
    overflow:hidden;
    white-space:nowrap;
    font-size:10px
}
.winamp-time{font-size:19px;letter-spacing:2px;float:left;margin-right:7px}
.winamp-track{padding-top:3px;display:block;overflow:hidden}
.winamp-controls{display:flex;gap:3px;padding:0 5px 5px}
.winamp-controls button{
    flex:1;
    min-width:0;
    border:2px outset #777;
    background:#c5c5c5;
    color:#111;
    height:23px;
    font-size:10px;
    font-weight:bold;
    cursor:pointer
}
.winamp-controls button:active{border-style:inset}
.winamp-volume{
    padding:0 6px 6px;
    color:#ddd;
    font-size:9px
}
.winamp-volume input{width:100%}


.search-stack{
    text-align:left;
    font-family:Arial,sans-serif
}
.search-unit{
    border:2px ridge #aaa;
    background:#fff;
    margin:6px 0;
    padding:5px
}
.search-brand{
    font-weight:bold;
    font-size:15px;
    margin-bottom:4px
}
.search-brand.altavista{color:#d30000}
.search-brand.yahoo{color:#680099}
.search-brand.mynet{color:#006dcc}
.search-unit form{display:flex;gap:3px}
.search-unit input{
    width:100%;
    min-width:0;
    border:2px inset #ddd;
    font-size:11px;
    padding:3px
}
.search-unit button{
    border:2px outset #ccc;
    background:#e5e5e5;
    font-size:10px;
    cursor:pointer
}


.webmaster{
    font-family:"Courier New",monospace;
    background:#000;
    color:#00ff00;
    border:3px ridge #888;
    padding:8px;
    font-size:11px;
    text-align:left
}
.webmaster strong{color:#ffff00}
.webmaster a{color:#00ffff}


.xp-taskbar{
    position:fixed;
    z-index:9000;
    left:0;right:0;bottom:0;
    height:35px;
    background:linear-gradient(#3b8cf1 0,#1f63d0 45%,#1557c3 100%);
    border-top:2px solid #6bb7ff;
    display:flex;
    align-items:stretch;
    font-family:Tahoma,Arial,sans-serif;
    color:#fff;
    box-shadow:0 -2px 4px rgba(0,0,0,.35)
}
.xp-start{
    width:104px;
    border:0;
    border-radius:0 13px 13px 0;
    background:linear-gradient(#65c75e,#278e25);
    color:#fff;
    font-size:16px;
    font-style:italic;
    font-weight:bold;
    text-shadow:1px 1px #155d14;
    cursor:pointer
}
.xp-window{
    align-self:center;
    margin-left:9px;
    height:27px;
    min-width:220px;
    max-width:42vw;
    overflow:hidden;
    border:2px inset #5ba0ee;
    background:#1e60c5;
    padding:4px 10px;
    font-size:11px;
    white-space:nowrap
}
.xp-tray{
    margin-left:auto;
    min-width:115px;
    background:#1698e7;
    border-left:2px solid #4ac2ff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    font-size:11px
}
.xp-start-menu{
    position:fixed;
    z-index:8999;
    left:4px;
    bottom:35px;
    width:280px;
    display:none;
    border:3px outset #5d8fd4;
    background:#fff;
    font-family:Tahoma,Arial,sans-serif;
    box-shadow:4px 4px 10px rgba(0,0,0,.45)
}
.xp-start-menu.open{display:block}
.xp-start-head{
    padding:11px;
    color:#fff;
    background:linear-gradient(#2670cf,#4e9af2);
    font-weight:bold
}
.xp-start-body{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:210px
}
.xp-start-left{padding:8px;background:#fff}
.xp-start-right{padding:8px;background:#d8eaff;border-left:1px solid #aac6e9}
.xp-start-link{
    display:block;
    padding:6px 5px;
    color:#111;
    text-decoration:none;
    font-size:12px
}
.xp-start-link:hover{background:#316ac5;color:#fff}


.search-results-head{
    border:3px ridge #b7c9e2;
    background:#e5edfa;
    padding:10px;
    margin-bottom:12px
}
.fake-result{
    margin:13px 0;
    padding-bottom:10px;
    border-bottom:1px dotted #999
}
.fake-result a{font-size:18px;font-weight:bold}
.fake-url{color:green;font-size:12px;font-family:Arial,sans-serif}
.fake-desc{font-size:14px;line-height:1.4}


.xp-intro{
    position:fixed;
    z-index:20000;
    inset:0;
    background:#000;
    color:#fff;
    font-family:Tahoma,Arial,sans-serif;
    overflow:hidden
}
.xp-intro-stage{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    transition:opacity .55s ease
}
.xp-logo{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:35px
}
.xp-flag{
    width:92px;height:72px;
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:5px;
    transform:skewY(-5deg)
}
.xp-flag span:nth-child(1){background:#f44336}
.xp-flag span:nth-child(2){background:#4caf50}
.xp-flag span:nth-child(3){background:#2196f3}
.xp-flag span:nth-child(4){background:#ffca28}
.xp-wordmark{text-align:left}
.xp-wordmark .microsoft{font-size:13px;letter-spacing:1px;color:#ddd}
.xp-wordmark .windows{font-size:36px;line-height:1;font-weight:bold}
.xp-wordmark .xp{font-size:28px;color:#f26a21;font-weight:bold}
.xp-loader{
    width:170px;height:18px;border:2px solid #777;border-radius:4px;padding:2px;overflow:hidden
}
.xp-loader-track{
    display:flex;gap:4px;animation:xpLoad 1.15s linear infinite
}
.xp-loader-track i{
    display:block;width:14px;height:10px;background:#2c76e5
}
@keyframes xpLoad{from{transform:translateX(-48px)}to{transform:translateX(180px)}}
.xp-copy{position:absolute;bottom:26px;font-size:11px;color:#aaa}
.modem-stage{
    display:none;
    background:radial-gradient(circle at center,#17448c,#12306e 50%,#061947);
    color:#fff
}
.modem-window{
    width:min(520px,92vw);
    border:3px outset #d9e6f5;
    background:#ece9d8;
    color:#111;
    text-align:left;
    box-shadow:8px 8px 20px rgba(0,0,0,.55)
}
.modem-title{
    color:#fff;
    font-weight:bold;
    background:linear-gradient(to right,#0754b5,#4ca1ec);
    padding:5px 8px;
    font-size:13px
}
.modem-body{padding:18px;font-size:13px}
.modem-icon{font-size:48px;float:left;margin-right:15px}
.modem-log{
    clear:both;
    margin-top:15px;
    height:118px;
    overflow:hidden;
    border:2px inset #ddd;
    background:#fff;
    padding:7px;
    font:11px "Courier New",monospace
}
.modem-buttons{text-align:right;padding-top:12px}
.modem-buttons button{
    min-width:92px;
    padding:5px 9px;
    border:3px outset #ddd;
    background:#ece9d8;
    cursor:pointer
}
.intro-skip{
    position:fixed;
    right:18px;top:18px;
    z-index:20001;
    color:#bbb;
    border:1px solid #555;
    background:#111;
    padding:6px 9px;
    font:11px Tahoma,Arial,sans-serif;
    cursor:pointer
}

@media(max-width:900px){
    body{padding:3px 3px 42px}
    .page{border-width:2px}
    .browser{display:none}
    .hero{font-size:25px;padding:18px 5px}
    .marquee-box{font-size:15px}
    .layout{display:flex;flex-direction:column}
    .left-panel,.right-panel{position:static}
    .left-panel{order:1}
    .main-content{order:2;width:100%}
    .right-panel{order:3;width:100%}
    .logo-panel{padding:8px}
    .old-button{margin:6px 0}
    .welcome{grid-template-columns:1fr}
    .service-grid{grid-template-columns:1fr}
    .counter-bar{flex-direction:column;gap:8px}
    .badge-row img{height:28px}
    .xp-window{min-width:0;max-width:48vw}
}


.browser-buttons{gap:7px!important}
.browser-button{appearance:none;border:0;background:transparent;padding:5px 7px;font:12px Tahoma,Arial,sans-serif;cursor:pointer;color:#111;white-space:nowrap}
.browser-button:hover{background:#d7e8ff;outline:1px solid #7aa7de}
.browser-button:active{background:#b7d5f8;transform:translateY(1px)}
.browser-button[disabled]{opacity:.45;cursor:default}
.address-input{font:12px Tahoma,Arial,sans-serif!important}
.browser-go{border:2px outset #ddd;background:#ece9d8;padding:4px 9px;cursor:pointer;font:bold 11px Tahoma,Arial,sans-serif}
.browser-go:active{border-style:inset}
.browser-panel{display:none;position:fixed;z-index:65000;top:72px;right:18px;width:min(390px,calc(100vw - 36px));max-height:72vh;overflow:auto;background:#ece9d8;border:3px outset #fff;box-shadow:6px 6px 18px rgba(0,0,0,.5);font-family:Tahoma,Arial,sans-serif}
.browser-panel.open{display:block}
.browser-panel-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#0754b5,#4ca1ec);color:#fff;padding:6px 8px;font-size:12px;font-weight:bold}
.browser-panel-close{border:2px outset #ddd;background:#d44;color:#fff;font-weight:bold;cursor:pointer}
.browser-panel-body{padding:9px}
.browser-panel-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.browser-panel-actions button{border:2px outset #ddd;background:#eee;padding:5px 8px;cursor:pointer;font:11px Tahoma,Arial,sans-serif}
.browser-list{border:2px inset #ddd;background:#fff;min-height:80px}
.browser-list-item{display:grid;grid-template-columns:1fr auto;gap:6px;padding:7px;border-bottom:1px dotted #aaa;align-items:center}
.browser-list-item:last-child{border-bottom:0}
.browser-list-item a{font-size:12px;text-decoration:none;overflow-wrap:anywhere}
.browser-list-item small{display:block;color:#666;margin-top:2px}
.browser-list-item button{border:2px outset #ddd;background:#eee;cursor:pointer;padding:3px 6px}
.retro-search-mini{display:flex;gap:4px}
.retro-search-mini input{flex:1;min-width:0;border:2px inset #ddd;padding:5px}
.retro-search-mini button{border:2px outset #ddd;background:#eee;padding:5px 9px;cursor:pointer}
.db-alert{background:#fff5c7;border:3px dashed #bd0000;color:#7d0000;padding:12px;margin:12px 0;font-family:Tahoma,Arial,sans-serif;font-size:12px}
.services-db-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.service-db-card{border:4px ridge #c7d5e8;background:#f7f7f7;padding:12px;display:flex;flex-direction:column;min-height:170px}
.service-db-card h2{font-size:19px;color:#0928b0;margin:0 0 8px}
.service-db-card p{font-size:14px;line-height:1.4;margin:0 0 10px}
.service-db-card .more{margin-top:auto;display:inline-block;text-align:center;padding:7px;border:3px outset #cad9f2;background:#dfe8f8;font:bold 12px Arial,sans-serif;color:#000;text-decoration:none}
.service-db-card .more:active{border-style:inset}
.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,38%);gap:16px;align-items:center;margin-bottom:15px}
.detail-summary{font-size:17px;line-height:1.45}
.detail-image{width:100%;max-height:320px;object-fit:cover;border:6px ridge #c7d5e8;background:#eee}
.detail-content{font-size:16px;line-height:1.55;background:#fff;border:4px ridge #c7d5e8;padding:16px;overflow-wrap:anywhere}
.detail-content h2{font-size:24px;color:#0928b0;border-bottom:2px solid #9ab2d8;padding-bottom:5px}
.detail-content h3{font-size:19px;color:#b01818}
.detail-content img{max-width:100%;height:auto;border:4px ridge #c7d5e8}
.detail-content a{font-weight:bold}
.detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}
.detail-nav a{border:3px outset #cad9f2;background:#dfe8f8;padding:8px;text-align:center;text-decoration:none;color:#000;font:bold 12px Arial,sans-serif}
.detail-nav a:active{border-style:inset}
.project-grid,.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.project-card,.blog-card{border:4px ridge #c7d5e8;background:#fff;padding:11px}
.project-card img,.blog-card img{width:100%;height:180px;object-fit:cover;border:3px ridge #ddd;background:#eee}
.project-card h2,.blog-card h2{font-size:18px;margin:8px 0;color:#0928b0}
.project-meta,.blog-meta{font:11px Tahoma,Arial,sans-serif;color:#666;margin-bottom:7px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.gallery-grid a{display:block;border:4px ridge #c7d5e8;background:#eee;padding:3px}
.gallery-grid img{display:block;width:100%;height:150px;object-fit:cover}
.retro-form label{display:block;font-weight:bold;margin:9px 0 3px}
.retro-form input,.retro-form textarea,.retro-form select{width:100%;border:3px inset #ddd;background:#fff;padding:7px;font:13px Tahoma,Arial,sans-serif}
.retro-form textarea{min-height:130px;resize:vertical}
.retro-form button{margin-top:10px;border:4px outset #cad9f2;background:#dfe8f8;padding:8px 16px;font-weight:bold;cursor:pointer}
.retro-form button:active{border-style:inset}
.flash-success{border:3px ridge #8ac18a;background:#e7ffe7;color:#145214;padding:10px;margin:10px 0}
.flash-error{border:3px ridge #d88;background:#ffeaea;color:#7a1010;padding:10px;margin:10px 0}
.search-result{padding:10px 0;border-bottom:2px dotted #8aa0c0}
.search-result:last-child{border-bottom:0}
.search-result a{font-size:18px;font-weight:bold}
.search-result .url{font:11px Tahoma,Arial,sans-serif;color:green;margin:2px 0}
.not-found{text-align:center;padding:30px;border:4px dashed #c00;background:#fff8bd}
.old-breadcrumb{font:11px Tahoma,Arial,sans-serif;background:#e6edf9;border:3px ridge #c7d5e8;padding:7px;margin-bottom:10px}
.old-breadcrumb a{text-decoration:none}
.icon-svg{width:40px;height:40px;color:#0a27b7;margin:0 auto 8px}.icon-svg svg{width:100%;height:100%}
@media(max-width:900px){.browser-panel{top:12px}.services-db-grid,.project-grid,.blog-grid{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr}.detail-nav{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.flash-warning{margin:10px 0;padding:10px;border:3px ridge #d9b400;background:#fff4a8;color:#684f00;font-weight:bold}



html,body{height:100%}
body.xp-shell{padding:0;background:#245edb;overflow:hidden}
.xp-desktop{position:fixed;z-index:1;inset:0 0 35px 0;overflow:auto;padding:16px 16px 70px;background:
radial-gradient(ellipse at 58% 118%,#78b943 0 24%,#4d922f 25% 41%,transparent 42%),
radial-gradient(ellipse at 8% 115%,#63a53b 0 28%,#3d8129 29% 45%,transparent 46%),
linear-gradient(#2d78d5 0%,#5aa9ee 47%,#b7ddff 66%,#d7efff 69%,#78b943 70%,#4a8d2c 100%);font-family:Tahoma,Arial,sans-serif}
.xp-desktop:after{content:"";position:fixed;z-index:-1;left:0;right:0;top:0;height:52%;pointer-events:none;background:radial-gradient(ellipse at 72% 25%,rgba(255,255,255,.95) 0 2.5%,transparent 2.7%),radial-gradient(ellipse at 69% 27%,rgba(255,255,255,.9) 0 4%,transparent 4.2%),radial-gradient(ellipse at 25% 18%,rgba(255,255,255,.75) 0 3%,transparent 3.2%)}
.xp-desktop-shortcuts{display:grid;grid-template-rows:repeat(auto-fill,88px);grid-auto-flow:column;grid-auto-columns:92px;gap:7px 12px;width:max-content;min-height:calc(100vh - 130px)}
.desktop-shortcut{width:90px;min-height:82px;border:1px solid transparent;background:transparent;color:#fff;text-decoration:none;text-align:center;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:default;font:11px Tahoma,Arial,sans-serif;text-shadow:1px 1px 2px #173b67;overflow:hidden}
.desktop-shortcut:hover,.desktop-shortcut:focus{background:rgba(38,105,189,.45);border:1px dotted rgba(255,255,255,.95);outline:none}
.desktop-shortcut:active{background:rgba(25,82,160,.62)}
button.desktop-shortcut{appearance:none}
.desktop-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:38px;line-height:1;filter:drop-shadow(2px 2px 1px rgba(0,0,0,.35))}
.desktop-label{display:block;max-width:88px;line-height:1.25;margin-top:3px;word-break:break-word;padding:1px 2px}
.desktop-shortcut:focus .desktop-label,.desktop-shortcut:hover .desktop-label{background:#0b61c9}
.desktop-watermark{position:fixed;right:24px;bottom:55px;color:rgba(255,255,255,.82);text-shadow:1px 1px 2px #17478a;text-align:right;font:17px Tahoma,Arial,sans-serif;pointer-events:none;line-height:1.16}
.desktop-watermark b{font-weight:400}
.desktop-watermark small{font-size:10px}
.desktop-license-brand{display:block;margin-top:10px;font-size:13px;font-weight:bold;color:rgba(255,255,255,.88)}
.desktop-license-site{display:block;font-size:11px;color:rgba(255,255,255,.82)}
.desktop-license-hint{display:block;margin-top:2px;font-size:10px;color:rgba(255,255,255,.68)}

.retro-browser-window{position:fixed;z-index:20;inset:0 0 35px 0;overflow:auto;background:repeating-linear-gradient(45deg,#8ea8d1 0,#8ea8d1 3px,#c7d5eb 3px,#c7d5eb 6px);transition:opacity .12s ease,transform .12s ease}
.retro-browser-window.is-minimized,.retro-browser-window.is-closed{display:none}
.retro-browser-window.is-fullscreen{inset:0!important;z-index:20000}
.retro-browser-window .page{min-height:100%;box-shadow:none;border-width:0;padding:4px}
.browser-title{user-select:none}
.browser-title-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:8px}
.window-controls{display:flex;gap:2px;letter-spacing:0;flex-shrink:0}
.window-control{width:25px;height:22px;padding:0;border:2px outset #dce7f5;background:linear-gradient(#4b98ee,#1264c7);color:#fff;font:bold 15px Tahoma,Arial,sans-serif;line-height:17px;text-align:center;text-shadow:1px 1px #12437d;cursor:default;border-radius:2px}
.window-control:hover{filter:brightness(1.12)}
.window-control:active{border-style:inset}
.window-control.close{background:linear-gradient(#f06d57,#c83225);border-color:#f7aaa0;width:27px}
.window-control.minimize{font-size:18px;line-height:12px;padding-bottom:6px}
.window-control.maximize{font-size:16px}

.xp-taskbar{z-index:30000}
.xp-window{border:2px inset #5ba0ee;background:#1e60c5;color:#fff;cursor:default;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:11px Tahoma,Arial,sans-serif;padding:4px 10px}
.xp-window.inactive{background:#174a99;opacity:.82}
.xp-quick-launch{display:flex;align-items:center;padding:0 5px;border-right:1px solid rgba(0,0,0,.25);border-left:1px solid rgba(255,255,255,.25)}
.xp-quick-launch button{width:25px;height:25px;border:0;background:transparent;color:#fff;cursor:default;font-size:15px;padding:0}
.xp-show-desktop{width:10px;border:0;border-left:1px solid rgba(255,255,255,.45);background:#198ce0;cursor:default}
.xp-start-button{width:100%;border:0;background:transparent;text-align:left;cursor:default;font-family:inherit}

.desktop-context{display:none;position:fixed;z-index:35000;min-width:185px;background:#f2f1e8;border:2px outset #fff;box-shadow:3px 3px 7px rgba(0,0,0,.45);padding:3px;font:11px Tahoma,Arial,sans-serif}
.desktop-context.open{display:block}
.desktop-context button{display:block;width:100%;padding:6px 12px;border:0;background:transparent;text-align:left;font:11px Tahoma,Arial,sans-serif;cursor:default}
.desktop-context button:hover{background:#316ac5;color:#fff}
.desktop-context hr{border:0;border-top:1px solid #bbb;border-bottom:1px solid #fff;margin:2px 4px}

.msn-toast{position:fixed;z-index:29000;right:9px;bottom:43px;width:278px;background:#eef6ff;border:2px outset #c9dcf5;box-shadow:3px 3px 12px rgba(0,0,0,.4);font-family:Tahoma,Arial,sans-serif;transform:translateY(130%);opacity:0;transition:.3s ease}
.msn-toast.show{transform:translateY(0);opacity:1}
.msn-toast-head{background:linear-gradient(#5098e6,#1f62ba);color:#fff;font-size:11px;font-weight:bold;padding:5px 7px}
.msn-toast-body{display:flex;gap:8px;align-items:center;padding:10px;color:#122f55;font-size:11px}
.msn-toast-icon{font-size:31px}

.winamp-side-card{padding:5px}
.winamp-eq{margin:0 5px 4px;border:1px inset #555;background:#121212;color:#dfd64a;padding:3px 5px;font:8px "Courier New",monospace;text-align:center}
.winamp-playlist{max-height:150px;overflow:auto;border:2px inset #777;background:#080808;margin:0 5px 5px;padding:3px}
.winamp-playlist button{display:block;width:100%;border:0;background:#080808;color:#62ff62;padding:2px 3px;text-align:left;font:9px "Courier New",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}
.winamp-playlist button:hover,.winamp-playlist button.active{background:#001f6e;color:#fff}

.about-retro-profile{font-size:16px;line-height:1.62}
.about-retro-profile h2{margin:22px 0 8px;padding:7px 9px;border:3px ridge #c4d3e9;background:#dfeafb;color:#0928b0;font-size:20px}
.about-retro-profile h3{color:#b40000}
.about-retro-profile ul{padding-left:24px}
.about-retro-profile li{margin:5px 0}
.about-file-card{border:4px ridge #c7d5e8;background:#ffffd9;padding:13px;margin:0 0 16px}
.about-file-title{margin:-13px -13px 11px;padding:5px 8px;background:#001d91;color:#fff;font:bold 12px Tahoma,Arial,sans-serif}
.about-philosophy{background:#eaf7e6}
.about-skills-table{margin-top:18px}

body.retro-compact .right-panel{display:none}
body.retro-compact .layout{grid-template-columns:175px minmax(0,1fr)}

@media(max-width:900px){
body.xp-shell{overflow:auto;padding-bottom:36px}
.xp-desktop{display:none}
.retro-browser-window{position:relative;inset:auto;overflow:visible;min-height:100vh}
.retro-browser-window.is-minimized,.retro-browser-window.is-closed{display:block}
.window-control.minimize,.window-control.close{display:none}
.xp-taskbar{display:none}
.desktop-watermark,.msn-toast{display:none}
.winamp-playlist{max-height:118px}
}



.winamp-progress{padding:0 5px 4px}.winamp-progress input{width:100%;height:12px;accent-color:#72ff72}.winamp-mini-controls{display:flex;gap:3px;padding:0 5px 5px}.winamp-mini-controls button{flex:1;border:2px outset #777;background:#bdbdbd;color:#111;font:8px "Courier New",monospace;height:20px}.winamp-mini-controls button.active{border-style:inset;background:#121212;color:#63ff63}.winamp-hint{padding:2px 5px 5px;color:#a9a9a9;font:8px "Courier New",monospace;text-align:center}.winamp-empty{padding:8px;color:#b5b5b5;font:9px "Courier New",monospace;text-align:center;line-height:1.4}.winamp-equalizer{height:24px;margin:0 5px 4px;padding:2px;border:1px inset #555;background:#050805;display:flex;align-items:flex-end;gap:2px;overflow:hidden}.winamp-equalizer i{flex:1;height:15%;background:#62ff62;box-shadow:0 0 3px #00ff00}.winamp.is-playing .winamp-equalizer i{animation:retroEq .55s ease-in-out infinite alternate}.winamp.is-playing .winamp-equalizer i:nth-child(2n){animation-duration:.33s}.winamp.is-playing .winamp-equalizer i:nth-child(3n){animation-duration:.72s}.winamp.is-playing .winamp-equalizer i:nth-child(4n){animation-duration:.42s}@keyframes retroEq{0%{height:12%}30%{height:75%}60%{height:38%}100%{height:96%}}



body.wallpaper-win98 .xp-desktop{background:#008080!important}
body.wallpaper-win98 .xp-desktop:after{display:none}
body.wallpaper-night .xp-desktop{background:radial-gradient(circle at 72% 18%,#dbe8ff 0 4%,transparent 4.3%),radial-gradient(circle at 50% 120%,#182a3a 0 35%,#0c1725 36% 60%,transparent 61%),linear-gradient(#020611,#102852 65%,#162b44)!important}
body.wallpaper-night .xp-desktop:after{background:radial-gradient(circle at 15% 17%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 48% 30%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 82% 12%,#fff 0 1px,transparent 1.5px);background-size:85px 70px,120px 90px,155px 120px;height:70%}
body.wallpaper-matrix .xp-desktop{background:#020702!important}
body.wallpaper-matrix .xp-desktop:after{height:100%;background:repeating-linear-gradient(90deg,transparent 0 23px,rgba(0,255,40,.06) 24px),repeating-linear-gradient(0deg,transparent 0 29px,rgba(0,255,40,.04) 30px)}
body.wallpaper-matrix .desktop-watermark{color:#36ff5a;text-shadow:0 0 5px #00ff22}
body.mouse-trail-off .cursor-trail{display:none!important}

.retro-browser-window{top:8px;left:8px;right:auto;bottom:auto;width:calc(100vw - 16px);height:calc(100vh - 51px);min-width:620px;min-height:420px;resize:both;overflow:auto;box-shadow:5px 5px 15px rgba(0,0,0,.45)}
.retro-browser-window.workspace-maximized{top:0!important;left:0!important;width:100vw!important;height:calc(100vh - 35px)!important;resize:none}
.retro-browser-window.is-fullscreen{top:0!important;left:0!important;width:100vw!important;height:calc(100vh - 35px)!important;bottom:35px!important;resize:none}
.browser-title{cursor:default}
.browser-title.drag-ready{cursor:move}

.xp-app-window{display:none;position:fixed;z-index:32000;min-width:280px;min-height:190px;max-width:calc(100vw - 8px);max-height:calc(100vh - 39px);background:#ece9d8;border:3px outset #dbe7f7;box-shadow:5px 5px 16px rgba(0,0,0,.45);font-family:Tahoma,Arial,sans-serif;resize:both;overflow:hidden}
.xp-app-window.open{display:flex;flex-direction:column}
.xp-app-window.is-minimized{display:none}
.xp-app-window.app-maximized{left:2px!important;top:2px!important;width:calc(100vw - 4px)!important;height:calc(100vh - 39px)!important;resize:none}
.xp-app-titlebar{height:28px;flex:0 0 28px;background:linear-gradient(90deg,#0756b8,#4c9af0);color:#fff;font:bold 12px Tahoma,Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;padding:3px 4px 3px 7px;user-select:none;cursor:move}
.xp-app-controls{display:flex;gap:2px}.xp-app-controls button{width:23px;height:21px;border:2px outset #c9def9;background:linear-gradient(#4f9af0,#1764c6);color:#fff;font:bold 13px Tahoma;padding:0;line-height:15px}.xp-app-controls .app-close{background:linear-gradient(#ef795f,#c83525);border-color:#f4a99e;width:25px}
.xp-app-body{flex:1;min-height:0;overflow:auto;background:#ece9d8;color:#111}
.xp-resize-hint{position:absolute;right:2px;bottom:0;color:#777;font-size:11px;pointer-events:none}
.xp-task-buttons{display:flex;align-items:center;min-width:0;flex:1;overflow:hidden}.xp-task-buttons .xp-window{flex:0 1 260px;min-width:90px;margin-right:3px}.xp-app-task{height:27px;align-self:center;border:2px inset #5ba0ee;background:#1e60c5;color:#fff;padding:4px 8px;font:11px Tahoma,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:90px;max-width:190px;cursor:default}.xp-app-task.inactive{background:#174a99;opacity:.82}

.msn-link-button{border:0;background:transparent;color:#001bcc;text-decoration:underline;font:inherit;cursor:pointer;padding:0}
.msn-app-body{overflow:hidden;background:#eef5ff}.msn-toolbar{height:48px;background:linear-gradient(#f8fbff,#d7e9ff);border-bottom:1px solid #9fbfe6;padding:5px 9px;display:flex;justify-content:space-between;align-items:center;color:#204a80;font-size:11px}.msn-toolbar b{font-size:16px}.msn-app-grid{display:grid;grid-template-columns:245px 1fr;height:calc(100% - 48px)}.msn-contact-pane{background:#e6f1ff;border-right:1px solid #aac5e5;overflow:auto}.msn-me{display:grid;grid-template-columns:58px 1fr;gap:7px;padding:10px;background:#fff;border-bottom:1px solid #b8cee8}.msn-big-avatar{font-size:42px}.msn-me div{display:flex;flex-direction:column;gap:2px}.msn-me small{color:#168216}.msn-me em{font-size:10px;color:#65758b}.msn-group-title{background:#cfdef1;color:#244f83;font-weight:bold;font-size:11px;padding:5px 8px;border-bottom:1px solid #afc7e4}.msn-contact{width:100%;display:flex;gap:6px;align-items:center;border:0;background:transparent;text-align:left;padding:7px 8px;font:11px Tahoma;color:#111}.msn-contact:hover,.msn-contact.active{background:#c6ddf7}.msn-contact span{display:flex;flex-direction:column}.msn-contact small{font-size:9px;color:#65758b}.msn-offline{padding:6px 11px;color:#777;font-size:11px}.msn-chat-pane{display:grid;grid-template-rows:36px 1fr 28px 92px;min-width:0}.msn-chat-head{background:#f8fbff;border-bottom:1px solid #b8cce4;padding:9px;font-weight:bold;color:#224d7d}.msn-chat-log{background:#fff;overflow:auto;padding:12px;font-size:12px;line-height:1.5}.msn-chat-line{margin:0 0 10px}.msn-chat-line b{color:#174e99}.msn-chat-line.me b{color:#0d7a26}.msn-nudge{background:#eaf2fc;border-top:1px solid #b8cce4;border-bottom:1px solid #b8cce4;padding:6px 9px;font-size:10px;color:#345d8d}.msn-chat-form{display:grid;grid-template-columns:1fr 74px;gap:5px;padding:6px;background:#eff5fc}.msn-chat-form textarea{resize:none;border:2px inset #ddd;padding:5px;font:12px Tahoma}.msn-chat-form button{border:3px outset #d5d5d5;background:#ece9d8;font-weight:bold}

.control-panel-body{padding:12px}.control-category{display:flex;gap:12px;align-items:center;background:#d9eafa;border:1px solid #a9c4e4;padding:10px;margin-bottom:10px}.control-icon{font-size:42px}.control-category h3{margin:0;color:#164c8b}.control-category p{margin:2px 0;font-size:11px}.control-panel-body fieldset{border:1px solid #8fa5bc;margin:10px 0;padding:10px}.control-panel-body legend{font-weight:bold;color:#164c8b;padding:0 5px}.wallpaper-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wallpaper-picks button{border:2px outset #ddd;background:#ece9d8;padding:5px;font:10px Tahoma}.wallpaper-picks button.selected{border-style:inset;background:#c9ddf6}.wallpaper-preview{display:block;height:64px;border:1px solid #777;margin-bottom:4px}.wallpaper-preview.bliss{background:linear-gradient(#2d78d5,#b7ddff 62%,#78b943 63%,#4a8d2c)}.wallpaper-preview.win98{background:#008080}.wallpaper-preview.night{background:linear-gradient(#020611,#102852 68%,#172b3e)}.wallpaper-preview.matrix{background:repeating-linear-gradient(90deg,#020702 0 10px,#052108 11px 12px)}.control-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.control-row label{display:flex;flex-direction:column;gap:3px;font-size:11px}.control-row select{min-width:130px}.control-row button,.control-footer button{border:3px outset #ddd;background:#ece9d8;padding:5px 14px}.check-line{display:block;margin:8px 0;font-size:12px}.control-footer{text-align:right;margin-top:12px}

.mines-body{padding:7px;background:#c0c0c0;overflow:hidden}.mines-menu{font:11px Tahoma;margin-bottom:5px}.mines-score{display:flex;justify-content:space-between;align-items:center;border:4px inset #ddd;padding:5px;margin-bottom:7px;background:#c0c0c0}.mines-score span{background:#000;color:#f22;font:25px 'Courier New',monospace;letter-spacing:2px;padding:1px 4px;text-shadow:0 0 4px red}.mines-score button{width:38px;height:38px;font-size:22px;border:4px outset #ddd;background:#c0c0c0}.mines-board{display:grid;grid-template-columns:repeat(9,1fr);border:4px inset #ddd;width:100%;aspect-ratio:1/1}.mine-cell{border:3px outset #ddd;background:#c0c0c0;min-width:0;min-height:0;padding:0;font:bold 13px Tahoma;display:flex;align-items:center;justify-content:center}.mine-cell.open{border:1px solid #999;background:#c0c0c0}.mine-cell.flagged{color:#c00}.mine-cell.n1{color:#00f}.mine-cell.n2{color:#078000}.mine-cell.n3{color:#f00}.mine-cell.n4{color:#000080}.game-help{font-size:10px;color:#555;margin-top:6px;text-align:center}

.solitaire-body{background:#087b3c;padding:7px;color:#fff;overflow:auto}.solitaire-menu{height:35px;background:#ece9d8;color:#111;margin:-7px -7px 8px;padding:5px 8px;display:flex;align-items:center;gap:15px}.solitaire-menu button{border:3px outset #ddd;background:#ece9d8;padding:4px 12px}.solitaire-game{min-width:700px}.sol-top{display:grid;grid-template-columns:90px 90px 1fr repeat(4,90px);gap:10px;min-height:120px;margin-bottom:10px}.sol-stock,.sol-waste,.sol-foundation,.sol-empty{width:76px;height:106px;border:2px solid rgba(255,255,255,.55);border-radius:5px;display:flex;align-items:center;justify-content:center;background:rgba(0,70,25,.28);color:rgba(255,255,255,.7);font-size:28px}.sol-stock{background:repeating-linear-gradient(45deg,#164eae 0 4px,#fff 4px 5px,#164eae 5px 9px);border:3px solid #fff}.sol-foundation{font-size:22px}.sol-tableau{display:grid;grid-template-columns:repeat(7,90px);gap:10px;align-items:start}.sol-col{position:relative;min-height:350px;border:1px dashed rgba(255,255,255,.18)}.playing-card{position:absolute;left:6px;width:76px;height:106px;border:1px solid #333;border-radius:5px;background:#fff;color:#111;box-shadow:1px 2px 3px rgba(0,0,0,.35);font:bold 15px Georgia;text-align:left;padding:4px;cursor:default}.playing-card.red{color:#c41212}.playing-card.back{background:repeating-linear-gradient(45deg,#0c4cb8 0 4px,#fff 4px 5px,#0c4cb8 5px 9px);color:transparent}.playing-card.selected{outline:3px solid #ffe600;box-shadow:0 0 8px #ffe600}.card-corner{display:block;line-height:1.05}.card-center{font-size:27px;text-align:center;margin-top:18px}.sol-col-empty{position:absolute;left:6px;top:0;width:76px;height:106px;border:2px dashed rgba(255,255,255,.55);background:transparent}.solitaire-window .game-help{color:#dfffea}

.recycle-body{background:#fff}.recycle-toolbar{padding:5px 8px;background:#ece9d8;border-bottom:1px solid #aaa;font-size:11px}.recycle-actions{padding:7px;background:#eef5ff;border-bottom:1px solid #b8cce4}.recycle-actions button{border:3px outset #ddd;background:#ece9d8;margin-right:5px;padding:5px 8px}.recycle-files{padding:8px}.recycle-row{display:grid;grid-template-columns:30px 1fr 90px 115px;gap:8px;padding:7px;border-bottom:1px solid #ddd;align-items:center;font-size:11px}.recycle-row:hover{background:#dcecff}.recycle-row input{width:auto}

.download-body{padding:15px}.download-file-row{display:flex;align-items:center;gap:12px;margin-bottom:15px}.download-icon{font-size:43px}.download-progress-wrap{height:23px;border:3px inset #ddd;background:#fff;padding:2px}.download-progress{height:100%;width:0;background:repeating-linear-gradient(90deg,#2a72d4 0 11px,#6aa5ed 11px 14px);transition:width .25s linear}.download-stats{display:flex;justify-content:space-between;font-size:10px;margin:5px 0 12px}.download-buttons{text-align:right}.download-buttons button,.xp-action-button{display:inline-block;border:3px outset #ddd;background:#ece9d8;color:#111;text-decoration:none;padding:5px 10px;font:11px Tahoma}.xp-action-button.disabled{pointer-events:none;color:#888;opacity:.7}

.screen-saver{display:none;position:fixed;z-index:60000;inset:0;background:#000;cursor:none;overflow:hidden}.screen-saver.active{display:block}.screen-saver canvas{position:absolute;inset:0;width:100%;height:100%}.screen-saver-marquee{display:none;position:absolute;white-space:nowrap;font:bold 58px 'Trebuchet MS',Arial;color:#fff;text-shadow:4px 4px #0048ff,8px 8px #ff0090}.screen-saver.marquee-mode .screen-saver-marquee{display:block}.screen-saver-hint{position:absolute;left:0;right:0;bottom:15px;text-align:center;color:#777;font:10px Tahoma;opacity:.55}

.clippy{display:none;position:fixed;z-index:59000;right:22px;bottom:55px;width:335px;min-height:160px;font-family:Tahoma,Arial,sans-serif}.clippy.show{display:flex;align-items:flex-end;gap:8px}.clippy-character{font-size:70px;filter:drop-shadow(3px 4px 3px rgba(0,0,0,.35));transform:rotate(-12deg)}.clippy-bubble{position:relative;background:#ffffce;border:2px solid #222;border-radius:10px;padding:11px;width:245px;box-shadow:3px 4px 8px rgba(0,0,0,.35);font-size:11px}.clippy-bubble:before{content:"";position:absolute;left:-17px;bottom:25px;border-width:9px 17px 9px 0;border-style:solid;border-color:transparent #222 transparent transparent}.clippy-bubble p{line-height:1.4}.clippy-bubble button{border:2px outset #ddd;background:#ece9d8;margin-right:4px;padding:4px 7px;font-size:10px}.clippy-close{position:absolute;right:3px;top:0;border:0;background:transparent;font-weight:bold;z-index:2}

@media(max-width:900px){.retro-browser-window{position:relative;top:auto;left:auto;width:auto;height:auto;min-width:0;resize:none}.xp-app-window{max-width:96vw;width:96vw!important;left:2vw!important;top:2vh!important;height:82vh!important;resize:none}.screen-saver,.clippy{display:none!important}}
body.retro-page-loading .main-content{position:relative;cursor:progress}body.retro-page-loading .main-content:after{content:'Internet Explorer sayfayı açıyor...';position:absolute;top:8px;right:10px;z-index:80;background:#fff6b8;border:2px outset #ddd;padding:4px 8px;font:11px Tahoma,Arial,sans-serif;color:#111;box-shadow:2px 2px 4px #0003}

.home-latest-posts{margin-top:24px;border:5px ridge #c7d5e8;background:#eef3fb;padding:12px}.retro-section-title{display:flex;align-items:center;justify-content:center;gap:12px;background:#001b9f;color:#ffff00;border:3px ridge #b9c9e2;padding:9px;font-family:"Courier New",monospace;font-size:18px;font-weight:700;text-align:center;text-shadow:1px 1px #000}.retro-section-title .new{color:#ff3b3b}.home-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.home-blog-card{display:grid;grid-template-columns:120px minmax(0,1fr);background:#fff;border:4px outset #d7e2f1;min-height:125px}.home-blog-card:hover{border-style:inset;background:#fffef1}.home-blog-image{display:block;background:#dbe4f3;border-right:2px solid #a7b8d0;overflow:hidden}.home-blog-image img{width:100%;height:100%;min-height:120px;object-fit:cover;display:block}.home-blog-copy{padding:9px;min-width:0}.home-blog-meta{font:11px Arial,sans-serif;color:#5b6780;margin-bottom:5px}.new-tag{display:inline-block;background:#ffea00;color:#d00000;border:1px solid #d5a800;padding:1px 4px;font-weight:900;animation:blink-animation 1s steps(2,start) infinite}.home-blog-card h2{font-size:17px;margin:0 0 5px;line-height:1.2}.home-blog-card h2 a{color:#0018a8}.home-blog-card p{font-size:13px;line-height:1.35;margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-blog-card .more{font-size:12px;font-weight:700}.home-blog-all{margin-top:8px}.inline-old-button{display:inline-block;width:auto;margin:6px auto;padding:8px 20px;font-size:13px}@media(max-width:1100px){.home-blog-grid{grid-template-columns:1fr}}@media(max-width:600px){.home-blog-card{grid-template-columns:1fr}.home-blog-image{border-right:0;border-bottom:2px solid #a7b8d0}.home-blog-image img{height:170px}.retro-section-title{font-size:15px}}
.msn-chat-time{display:block;margin-top:3px;color:#7a8798;font-size:9px;text-align:right}.msn-chat-form textarea:disabled{background:#eee;color:#777}
.msn-app-body{display:flex;flex-direction:column;min-height:0;overflow:hidden}.msn-toolbar{flex:0 0 48px}.msn-app-grid{flex:1;height:auto;min-height:0;overflow:hidden}.msn-contact-pane{min-height:0;overflow-y:auto}.msn-chat-pane{min-height:0;overflow:hidden}.msn-chat-log{min-height:0;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain}.msn-chat-log::-webkit-scrollbar{width:16px}.msn-chat-log::-webkit-scrollbar-track{background:#e7edf5;border-left:1px solid #9aabc0}.msn-chat-log::-webkit-scrollbar-thumb{background:#c7d6e8;border:2px outset #e8f1fb}.msn-chat-log::-webkit-scrollbar-button{height:16px;background:#d8e5f3;border:2px outset #eef5fc}.msn-name-prompt{background:#fff9c8;border:1px solid #d6bd4b;padding:8px 10px;margin:0 0 10px;color:#5d4c00}.msn-toast.message-toast .msn-toast-head{background:linear-gradient(#2e8ad8,#1554a1)}.msn-toast.message-toast .msn-toast-icon{animation:msnPulse .7s ease-in-out 2}@keyframes msnPulse{50%{transform:scale(1.16)}}


.msn-me{position:relative;grid-template-columns:54px minmax(0,1fr) 24px}
.msn-me-copy{min-width:0}
.msn-profile-name,.msn-profile-message,.msn-profile-edit{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font-family:Tahoma,Arial,sans-serif}
.msn-profile-name{font-weight:bold;font-size:12px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msn-profile-message{font-size:10px;color:#65758b;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msn-profile-edit{font-size:14px;color:#32639a;align-self:start;text-align:center}
.msn-nudge{position:relative;display:flex;align-items:center;gap:7px;overflow:visible}
.msn-nudge>button{border:0;background:transparent;color:#345d8d;font:10px Tahoma,Arial,sans-serif;cursor:pointer;padding:2px 4px}
.msn-nudge>button:hover{background:#d8e7fa}
.msn-nudge>span{margin-left:auto;color:#6d7f94}
.msn-emoticon-picker{display:none;position:absolute;left:7px;bottom:26px;z-index:20;width:188px;padding:7px;background:#fff;border:2px outset #cbd9eb;box-shadow:3px 3px 10px rgba(0,0,0,.25);grid-template-columns:repeat(6,1fr);gap:3px}
.msn-emoticon-picker.open{display:grid}
.msn-emoticon-picker button{border:1px solid transparent;background:#fff;font-size:18px;line-height:27px;cursor:pointer}
.msn-emoticon-picker button:hover{border-color:#9ebee8;background:#e8f2ff}
.msn-profile-editor{display:none;position:absolute;inset:36px 0 0;z-index:30;background:rgba(15,48,91,.28);align-items:flex-start;justify-content:center;padding-top:60px}
.msn-profile-editor.open{display:flex}
.msn-profile-editor-card{width:min(390px,88%);background:#eef5ff;border:3px outset #d9e8fb;box-shadow:5px 5px 18px rgba(0,0,0,.35);font:11px Tahoma,Arial,sans-serif}
.msn-profile-editor-head{height:30px;background:linear-gradient(#4b91dc,#2363b5);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px}
.msn-profile-editor-head button{width:22px;height:22px;border:2px outset #e8eff8;background:#df5b4f;color:#fff;font-weight:bold;cursor:pointer}
.msn-profile-editor-card label{display:block;padding:9px 12px 0;color:#234c7e;font-weight:bold}
.msn-profile-editor-card input{width:100%;margin-top:4px;border:2px inset #ddd;background:#fff;padding:6px;font:11px Tahoma}
.msn-profile-editor-actions{display:flex;justify-content:flex-end;gap:7px;padding:12px}
.msn-profile-editor-actions button{min-width:72px;border:3px outset #d4d4d4;background:#ece9d8;padding:5px 8px;cursor:pointer;font-weight:bold}
.msn-profile-editor-actions button.primary{background:#d9e9fb}
.msn-nudge-line{margin:8px 0;padding:7px 9px;background:#fff8c8;border:1px solid #dbc459;color:#675500;font-size:11px}
.msn-nudge-line.me{background:#e6f6ea;border-color:#9dccaa;color:#246235}
.msn-nudge-line small{display:block;text-align:right;color:#7a8798;font-size:9px;margin-top:3px}
.msn-shake{animation:msnShake .08s linear 8}
@keyframes msnShake{0%,100%{transform:translate(0,0)}25%{transform:translate(-9px,5px)}50%{transform:translate(8px,-4px)}75%{transform:translate(-5px,-5px)}}

.msn-chat-pane{grid-template-rows:36px 22px 1fr 28px 92px}
.msn-typing-indicator{height:22px;padding:3px 10px;background:#f8fbff;color:#6d7f94;font:italic 10px Tahoma,Arial,sans-serif;border-bottom:1px solid #e2eaf4;opacity:0;transition:opacity .16s}
.msn-typing-indicator.show{opacity:1}
.msn-message-status{color:#667f9d;font-size:9px;white-space:nowrap}
.msn-message-status.read{color:#207b3f;font-weight:bold}
.msn-message-status.pending{color:#9a9a9a}
.run-window{min-width:400px;min-height:190px;resize:none}.run-body{padding:13px}.run-row{display:flex;gap:12px;align-items:flex-start;font:11px Tahoma,Arial,sans-serif}.run-icon{font-size:38px}.run-row p{margin:2px 0 13px;line-height:1.4}.run-body label{display:grid;grid-template-columns:38px 1fr;gap:5px;align-items:center;font:11px Tahoma}.run-body input{border:2px inset #ddd;padding:5px;font:11px Tahoma}.run-actions{text-align:right;margin-top:15px}.run-actions button{min-width:78px;margin-left:5px;border:3px outset #ddd;background:#ece9d8;padding:5px 10px;font:11px Tahoma}
.cmd-window{background:#000;border-color:#9aa7b7}.cmd-body{background:#000;color:#c8c8c8;padding:7px;display:flex;flex-direction:column;min-height:0;font:13px 'Lucida Console','Courier New',monospace}.cmd-output{flex:1;min-height:0;overflow-y:auto;white-space:normal;line-height:1.35}.cmd-line{display:flex;align-items:center;gap:0;flex:0 0 25px}.cmd-line span{white-space:nowrap}.cmd-line input{flex:1;border:0;outline:0;background:#000;color:#c8c8c8;font:13px 'Lucida Console','Courier New',monospace;padding:0}.cmd-prompt{color:#fff}
.explorer-window{background:#fff}.explorer-body{background:#fff;display:flex;flex-direction:column;min-height:0}.explorer-menu{padding:5px 8px;background:#ece9d8;border-bottom:1px solid #aaa;font:11px Tahoma}.explorer-toolbar{display:flex;align-items:center;gap:5px;padding:5px 7px;background:#eef5ff;border-bottom:1px solid #b8cce4}.explorer-toolbar button{border:2px outset #ddd;background:#ece9d8;padding:4px 8px;font:10px Tahoma}.explorer-address{flex:1;background:#fff;border:2px inset #ddd;padding:4px 7px;font:10px Tahoma}.explorer-content{flex:1;overflow:auto;padding:13px;font:11px Tahoma}.drive-content{display:none}.drive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.drive-grid button{display:grid;grid-template-columns:56px 1fr;text-align:left;align-items:center;border:1px solid transparent;background:#fff;padding:9px;font:11px Tahoma}.drive-grid button:hover{background:#dcecff;border-color:#9ebce0}.drive-grid button span{grid-row:1/3;font-size:42px}.drive-grid button b{font-size:12px}.drive-grid button small{color:#647489}.explorer-file{display:flex;width:100%;gap:8px;align-items:center;border:1px solid transparent;background:#fff;color:#111;text-decoration:none;text-align:left;padding:8px;font:11px Tahoma;cursor:default}.explorer-file:hover{background:#316ac5;color:#fff;border-color:#17488b}
.system-body{padding:18px;background:#f7f7f2;font:11px Tahoma}.system-logo{display:flex;align-items:center;gap:10px;font-size:42px;color:#135db1}.system-logo b{font-size:23px;font-style:italic}.system-logo small{font-size:11px;color:#777}.system-body p{line-height:1.45}.system-license{margin-top:12px;padding:8px;background:#e6f4dc;border:1px solid #9fbd8b;color:#2d6427;font-weight:bold}
.webcam-body{padding:14px;text-align:center}.webcam-screen{height:300px;background:#101820;border:5px inset #777;color:#daf3ff;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.webcam-noise{position:absolute;inset:0;opacity:.25;background:repeating-radial-gradient(circle at 30% 20%,#fff 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,transparent 0 3px,#fff2 4px)}.webcam-person{position:relative;font-size:72px;filter:grayscale(.4)}.webcam-screen b,.webcam-screen small{position:relative}.webcam-screen small{margin-top:8px}.webcam-actions{margin:10px}.webcam-actions button{border:3px outset #ddd;background:#ece9d8;padding:6px 12px;margin:0 4px}
.winamp-mini-window{background:#222;border-color:#777}.winamp-mini-body{background:#252525;color:#62ff62;padding:8px;font:10px 'Courier New',monospace}.winamp-mini-display{height:65px;background:#061006;border:2px inset #666;padding:8px;display:flex;gap:10px;align-items:center;overflow:hidden}.winamp-mini-display b{font-size:23px}.winamp-mini-display span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.winamp-mini-app-controls{display:flex;gap:4px;margin:8px 0}.winamp-mini-app-controls button,.winamp-show-main{border:2px outset #777;background:#bdbdbd;color:#111;padding:5px;flex:1;font:bold 10px Tahoma}.winamp-show-main{width:100%}
.notification-body{padding:0;background:#fff;display:flex;flex-direction:column;min-height:0}.notification-head{display:flex;align-items:center;justify-content:space-between;padding:9px;background:#e8f2ff;border-bottom:1px solid #b7cbe4;font:11px Tahoma}.notification-head button{border:2px outset #ddd;background:#ece9d8;padding:4px 7px}.notification-list{flex:1;overflow:auto}.notification-row{width:100%;display:grid;grid-template-columns:40px 1fr;gap:7px;text-align:left;border:0;border-bottom:1px solid #dde6f0;background:#fff;padding:10px;font:11px Tahoma;color:#111}.notification-row>span{font-size:28px}.notification-row b{color:#214f84}.notification-row p{margin:4px 0;line-height:1.35}.notification-row small{color:#8290a0}.notification-row.unread{background:#eef6ff}.notification-empty{padding:25px;text-align:center;color:#777;font:11px Tahoma}.tray-button{position:relative;border:0;background:transparent;color:#fff;font-size:14px;padding:0 3px}.tray-button sup{display:none;position:absolute;right:-4px;top:-7px;background:#d90000;color:#fff;border-radius:8px;min-width:14px;height:14px;line-height:14px;font:bold 8px Tahoma;text-align:center}.tray-button sup.show{display:block}
.achievement-body{padding:12px;background:#fff;overflow:auto;font:11px Tahoma}.achievement-list{display:grid;gap:7px}.achievement-row{display:grid;grid-template-columns:45px 1fr;gap:8px;align-items:center;border:1px solid #ccd9e8;padding:9px}.achievement-row>span{font-size:30px}.achievement-row p{margin:3px 0;color:#697889}.achievement-row.earned{background:#fffbe3;border-color:#dacb75}.achievement-row.locked{filter:grayscale(1);opacity:.62}
.bsod-overlay{display:none;position:fixed;z-index:999999;inset:0;background:#0000aa;color:#fff;font:20px 'Lucida Console','Courier New',monospace;padding:8vh 8vw;outline:0}.bsod-overlay.show{display:block}.bsod-inner{max-width:1100px;margin:auto}.bsod-title{display:inline-block;background:#c0c0c0;color:#0000aa;padding:2px 10px;margin-bottom:24px}.bsod-inner p{line-height:1.45}
.xp-balloon{position:fixed;z-index:58000;right:10px;bottom:43px;width:310px;background:#ffffdf;border:1px solid #7d8b9d;border-radius:8px 8px 0 8px;box-shadow:3px 4px 12px #0005;font:11px Tahoma;transform:translateY(140%);opacity:0;transition:.28s ease;cursor:default}.xp-balloon.show{transform:translateY(0);opacity:1}.xp-balloon-head{display:flex;justify-content:space-between;align-items:center;padding:5px 7px;color:#174e91}.xp-balloon-head button{border:0;background:transparent;font-weight:bold}.xp-balloon-body{display:grid;grid-template-columns:38px 1fr;gap:7px;padding:4px 9px 10px}.xp-balloon-body>span{font-size:27px}.xp-balloon-body small{display:block;color:#687789;margin-top:3px}
.xp-page-task{border-color:#6ba5e9}.fav-actions{display:flex;gap:3px}.fav-actions button{font-size:9px}.msn-contact.presence-away{opacity:.9}.msn-contact.presence-offline{opacity:.62}.msn-presence-dot{width:18px;display:inline-block}.browser-list-item .fav-actions{margin-left:auto}.desktop-pinned-favorite .desktop-icon{filter:drop-shadow(1px 2px 1px #654)}
@media(max-width:900px){.run-window,.cmd-window,.explorer-window,.system-window,.webcam-window,.winamp-mini-window,.notification-window,.achievement-window{display:none!important}.bsod-overlay{font-size:14px;padding:7vh 6vw}.xp-balloon{display:none!important}}


.site-context-menu{display:none;position:fixed;z-index:70000;width:228px;background:#ece9d8;border:2px outset #fff;box-shadow:4px 5px 12px rgba(0,0,0,.5);padding:2px;font:11px Tahoma,Arial,sans-serif;color:#111}
.site-context-menu.open{display:block}
.site-context-menu button{display:flex;width:100%;align-items:center;gap:8px;border:0;background:transparent;color:#111;padding:6px 8px;text-align:left;font:11px Tahoma,Arial,sans-serif;cursor:default}
.site-context-menu button:hover{background:#316ac5;color:#fff}
.site-context-menu button span{width:18px;text-align:center}
.site-context-menu hr{border:0;border-top:1px solid #aaa;border-bottom:1px solid #fff;margin:3px 2px}
.site-context-menu .context-hint{padding:5px 8px;color:#777;font-size:9px;border-top:1px solid #fff}
.browser-panel{isolation:isolate}

html:fullscreen .xp-taskbar,body:fullscreen .xp-taskbar,:fullscreen .xp-taskbar{display:flex!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:2147483647!important}
html:fullscreen .xp-desktop,body:fullscreen .xp-desktop,:fullscreen .xp-desktop{bottom:35px!important}
html:fullscreen .retro-browser-window.is-fullscreen,body:fullscreen .retro-browser-window.is-fullscreen,:fullscreen .retro-browser-window.is-fullscreen{height:calc(100vh - 35px)!important;bottom:35px!important}
.xp-page-task{position:relative;display:flex!important;align-items:center;gap:5px;padding-right:4px!important}
.xp-page-task.active{background:#0f4fae!important;border-color:#91c2ff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.xp-page-task-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;text-align:left}
.xp-page-task-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;border:1px solid rgba(255,255,255,.45);background:#d24b40;color:#fff;font:bold 11px/1 Tahoma,Arial,sans-serif;border-radius:2px;cursor:pointer}
.xp-page-task-close:hover{background:#f16759}

.logo-panel{padding:12px 8px 10px;text-align:center;display:flex;align-items:center;justify-content:center;min-height:108px}
.site-retro-logo{display:block;max-width:100%;width:220px;height:auto;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}
@media (max-width: 900px){.site-retro-logo{width:190px}}


body.retro-intro-active .xp-taskbar{display:none!important}
body.retro-intro-active{overflow:hidden!important;background:#000!important}
body.retro-intro-active .retro-browser-window{pointer-events:none}
.xp-intro{z-index:2147483647!important}
.xp-intro.is-leaving{opacity:0;transition:opacity .3s ease;pointer-events:none}
html:fullscreen body.retro-intro-active .xp-taskbar,
body:fullscreen.retro-intro-active .xp-taskbar,
:fullscreen body.retro-intro-active .xp-taskbar{display:none!important}
.web-awards-mini{margin-top:10px;padding:7px;background:#05055d;border:2px ridge #7b7bff;text-align:center;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.web-awards-mini-title{grid-column:1/-1;color:#ffff00;font:bold 10px Verdana,Arial,sans-serif;letter-spacing:.4px;margin-bottom:2px}
.web-award-badge{height:36px;border:2px outset #ddd;padding:2px 3px;cursor:pointer;font:8px Arial,sans-serif;line-height:1.05;text-align:center;box-shadow:1px 1px 0 #000}
.web-award-badge b,.web-award-badge span{display:block}
.web-award-badge b{font-size:9px}.web-award-badge span{font-size:7px;margin-top:2px}
.web-award-badge.cool{background:#010080;color:#ffff00}.web-award-badge.choice{background:#600060;color:#fff}.web-award-badge.ie{background:#fff;color:#004b9b}.web-award-badge.ring{background:#006b34;color:#fff}
.footer-awards{margin-top:9px;display:flex;justify-content:center;gap:5px;flex-wrap:wrap}
.footer-awards button{background:#000080;color:#fff;border:2px outset #c0c0c0;font:bold 9px Verdana,Arial,sans-serif;padding:3px 6px;cursor:pointer}
.footer-awards button:nth-child(2){background:#650065}.footer-awards button:nth-child(3){background:#fff;color:#0050a0}.footer-awards button:nth-child(4){background:#006b34}
.awards-body{padding:14px;background:#07114c;color:#fff;background-image:radial-gradient(circle at 15px 15px,#fff 0 1px,transparent 1px);background-size:45px 45px}
.awards-hero{text-align:center;background:#000080;border:3px ridge #8ca7ff;padding:10px;margin-bottom:12px}.awards-hero b{display:block;color:#ffff00;font:bold 22px Georgia,serif;text-shadow:2px 2px #000}.awards-hero span{font:11px Verdana,sans-serif;color:#fff}
.awards-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.award-certificate{min-height:145px;border:4px ridge #ddd;padding:10px;text-align:center;background:#fff;color:#111;box-shadow:4px 4px 0 rgba(0,0,0,.35)}.award-certificate .award-medal{font-size:32px}.award-certificate b,.award-certificate strong{display:block}.award-certificate b{font:bold 15px Georgia,serif}.award-certificate strong{font:12px Verdana,sans-serif;margin:4px 0}.award-certificate p{font:10px Verdana,sans-serif;margin:7px 0 0}.award-certificate.cool{background:#000080;color:#ffff00}.award-certificate.choice{background:#5a005a;color:#fff}.award-certificate.ie{background:#f3fbff;color:#0052a3}.award-certificate.ring{background:#006c37;color:#fff}.awards-note{margin-top:12px;padding:8px;background:#ffffcc;color:#000;border:2px inset #ddd;font:10px Tahoma,sans-serif}
.wizard-window{min-width:620px}.wizard-body{display:grid!important;grid-template-columns:180px minmax(0,1fr);overflow:hidden!important;background:#fff}.wizard-side{background:linear-gradient(180deg,#0c58bd,#00357f);color:#fff;padding:28px 15px;min-height:100%;border-right:1px solid #5988c2}.wizard-orb{font-size:54px;text-align:center;margin-bottom:12px}.wizard-side>b{display:block;font-size:18px;text-align:center}.wizard-side>p{text-align:center;font-size:10px;color:#dbeaff}.wizard-step-list{margin-top:25px;display:grid;gap:8px}.wizard-step-list span{padding:7px 8px;border:1px solid rgba(255,255,255,.18);font-size:10px;color:#d6e5f7}.wizard-step-list span.active{background:#fff;color:#064d9c;font-weight:bold;border-color:#fff}.wizard-main{position:relative;display:flex;flex-direction:column;min-height:0;background:#fff}.wizard-step{display:none;flex:1;overflow:auto;padding:24px 26px 12px}.wizard-step.active{display:block}.wizard-step h2{font:22px 'Trebuchet MS',Tahoma,sans-serif;color:#164e91;margin:0 0 7px}.wizard-step>p{font:11px Tahoma,sans-serif;color:#5d6876}.wizard-step label{display:block;font:bold 11px Tahoma,sans-serif;color:#26384c;margin:10px 0}.wizard-step input,.wizard-step select,.wizard-step textarea{box-sizing:border-box;width:100%;margin-top:5px;padding:7px;border:2px inset #ddd;background:#fff;font:11px Tahoma,Arial,sans-serif}.wizard-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.wizard-choice-grid label{margin:0}.wizard-choice-grid input{position:absolute;opacity:0;width:auto}.wizard-choice-grid span{display:block;height:74px;box-sizing:border-box;border:2px solid #b8cbe2;background:#f3f7fc;padding:9px;cursor:pointer;font-size:20px}.wizard-choice-grid span b{font:12px Tahoma,sans-serif;color:#114d93}.wizard-choice-grid span small{display:block;margin:6px 0 0 29px;color:#5e6a79;font:9px Tahoma,sans-serif}.wizard-choice-grid input:checked+span{border-color:#2868b6;background:#dbeaff;box-shadow:inset 0 0 0 1px #fff}.wizard-fields,.wizard-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wizard-contact-grid label:last-child{grid-column:1/-1}.wizard-privacy{margin-top:18px;padding:10px;background:#f3f8ff;border:1px solid #c8d9ec;font:10px Tahoma,sans-serif;color:#405a77}.wizard-summary{border:2px inset #ddd;background:#f8f8f8;padding:12px;font:11px Tahoma,sans-serif;line-height:1.6}.wizard-summary dl{display:grid;grid-template-columns:120px 1fr;margin:0;gap:4px 8px}.wizard-summary dt{font-weight:bold;color:#4c6078}.wizard-summary dd{margin:0;white-space:pre-wrap}.wizard-submit-status{min-height:24px;font:10px Tahoma,sans-serif;color:#b00000}.wizard-success{text-align:center;padding-top:80px}.wizard-success-icon{width:70px;height:70px;margin:auto;border-radius:50%;background:#2d9c3c;color:#fff;font:bold 50px Arial;line-height:70px;border:4px outset #7bd984}.wizard-success button{margin-top:18px;padding:7px 12px;border:3px outset #ddd;background:#ece9d8;cursor:pointer}.wizard-actions{display:flex;justify-content:flex-end;gap:7px;padding:10px 14px;border-top:1px solid #bbb;background:#ece9d8}.wizard-actions button{min-width:82px;padding:6px 10px;border:3px outset #ddd;background:#ece9d8;font:bold 10px Tahoma,sans-serif;cursor:pointer}.wizard-actions button.primary{background:#dceafb}.wizard-actions button:disabled{color:#999;cursor:default}.wizard-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.taskmgr-body{display:flex!important;flex-direction:column;overflow:hidden!important;background:#ece9d8}.taskmgr-menu{padding:4px 7px;background:#f7f5ea;border-bottom:1px solid #aaa;font:10px Tahoma,sans-serif}.taskmgr-tabs{display:flex;padding:7px 7px 0}.taskmgr-tabs button{border:2px outset #ddd;background:#ece9d8;padding:5px 12px;font:10px Tahoma,sans-serif}.taskmgr-tabs button.active{background:#fff;border-bottom-color:#fff}.taskmgr-table-wrap{flex:1;margin:0 7px 7px;border:2px inset #ddd;background:#fff;overflow:auto}.taskmgr-table{width:100%;border-collapse:collapse;font:10px Tahoma,sans-serif}.taskmgr-table th{position:sticky;top:0;background:#ece9d8;border-right:1px solid #aaa;border-bottom:1px solid #888;text-align:left;padding:4px}.taskmgr-table td{padding:5px;border-bottom:1px solid #eee}.taskmgr-table tr{cursor:pointer}.taskmgr-table tr.selected{background:#316ac5;color:#fff}.taskmgr-performance{display:flex;gap:16px;padding:5px 8px;background:#f5f3e8;border-top:1px solid #aaa;font:9px Tahoma,sans-serif}.taskmgr-actions{display:flex;justify-content:flex-end;gap:7px;padding:7px}.taskmgr-actions button{border:3px outset #ddd;background:#ece9d8;padding:5px 9px;font:10px Tahoma,sans-serif;cursor:pointer}.taskmgr-actions button:disabled{color:#999}.task-status-running{color:#23752e}.taskmgr-table tr.selected .task-status-running{color:#fff}
.calendar-body{overflow:hidden!important;background:#ece9d8;padding:9px;display:flex!important;flex-direction:column}.calendar-toolbar{display:grid;grid-template-columns:32px 1fr 32px auto;gap:5px;align-items:center;margin-bottom:8px}.calendar-toolbar b{text-align:center;color:#144b8a;font:14px Tahoma,sans-serif}.calendar-toolbar button{border:2px outset #ddd;background:#ece9d8;height:27px;cursor:pointer;font:10px Tahoma,sans-serif}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-week{background:#316ac5;color:#fff;border:1px solid #174d96}.calendar-week span{text-align:center;padding:4px 0;font:bold 9px Tahoma,sans-serif}.calendar-grid{background:#fff;border:2px inset #ddd;min-height:210px}.calendar-day{position:relative;min-height:30px;border:0;background:#fff;font:10px Tahoma,sans-serif;cursor:pointer}.calendar-day.other{color:#aaa;background:#f5f5f5}.calendar-day.today{font-weight:bold;color:#0057b7;box-shadow:inset 0 0 0 2px #ef3535}.calendar-day.selected{background:#316ac5;color:#fff}.calendar-day.has-event:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#e00000;right:4px;bottom:4px}.calendar-event-head{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding:5px 7px;background:#dceafb;border:1px solid #a9c3e2;font:10px Tahoma,sans-serif}.calendar-events{flex:1;min-height:80px;overflow-y:auto;background:#fff;border:2px inset #ddd;padding:5px}.calendar-event{padding:6px;border-bottom:1px dotted #aaa;font:10px Tahoma,sans-serif}.calendar-event b{color:#164f91}.calendar-event small{display:block;color:#777;margin-top:2px}.calendar-empty{text-align:center;color:#777;padding:18px;font:10px Tahoma,sans-serif}.xp-clock-button{border:0;background:transparent;color:inherit;font:inherit;padding:0 2px;cursor:pointer;min-width:42px}.xp-clock-button:hover{background:rgba(255,255,255,.13)}
@media(max-width:900px){.awards-grid,.wizard-choice-grid,.wizard-fields,.wizard-contact-grid{grid-template-columns:1fr}.wizard-window{min-width:0}.wizard-body{grid-template-columns:125px minmax(0,1fr)}.wizard-side{padding:15px 8px}.wizard-side>p{display:none}.wizard-choice-grid span{height:auto}.wizard-contact-grid label:last-child{grid-column:auto}.taskmgr-performance{flex-wrap:wrap}.footer-awards{gap:3px}}

.xp-start{position:relative;z-index:2;touch-action:manipulation;user-select:none}
.xp-start-menu{z-index:2147483646!important;max-height:calc(100vh - 42px);overflow-y:auto;overflow-x:hidden}
.xp-start-menu.open{display:block!important;visibility:visible!important;pointer-events:auto!important}
.wizard-actions #wizardNext.ready{box-shadow:0 0 0 2px #fff,0 0 0 4px #2c65b4}
.project-offer-card{position:relative;overflow:hidden;text-align:center;background:#fff7bf!important;border:3px ridge #ff9d00!important;padding:10px!important;box-shadow:inset 0 0 0 2px #fff2a0}
.project-offer-card .project-offer-new{position:absolute;right:-27px;top:10px;width:92px;transform:rotate(37deg);background:#d40000;color:#fff;font:bold 9px Tahoma;padding:3px 0;border-top:1px solid #ffb1b1;border-bottom:1px solid #7c0000}
.project-offer-card .project-offer-icon{font-size:30px;line-height:1;margin:3px 0 5px}
.project-offer-card>b{display:block;color:#c40000;font:bold 14px 'Trebuchet MS',Tahoma,sans-serif;text-shadow:1px 1px #fff;margin-bottom:4px}
.project-offer-card p{font:10px Tahoma,Arial,sans-serif;line-height:1.45;color:#313131;margin:6px 0 9px}
.project-offer-card button{width:100%;border:3px outset #ffe46a;background:#d40000;color:#fff;padding:8px 5px;font:bold 10px Tahoma,Arial,sans-serif;cursor:pointer;text-shadow:1px 1px #730000;animation:projectOfferPulse 1.4s steps(2,end) infinite}
.project-offer-card button:hover{background:#0066cc;color:#fff;border-color:#86bbef;animation:none}
.project-offer-card button:active{border-style:inset}
.project-offer-card small{display:block;margin-top:7px;color:#6b5900;font:8px Tahoma,Arial,sans-serif}
@keyframes projectOfferPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}


/* V11.1 - Windows XP native-style system dialogs */
.xp-system-dialog{display:none;position:fixed;inset:0;z-index:2147483647;align-items:center;justify-content:center;background:rgba(0,0,0,.12);font-family:Tahoma,Arial,sans-serif}
.xp-system-dialog.open{display:flex}
.xp-system-dialog-window{width:min(430px,calc(100vw - 28px));background:#ece9d8;border:1px solid #083c8c;box-shadow:3px 4px 14px rgba(0,0,0,.45);border-radius:7px 7px 2px 2px;overflow:hidden}
.xp-system-dialog-titlebar{height:29px;background:#0a57c9;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5px 0 9px;font-size:12px;font-weight:bold;text-shadow:1px 1px #123b79}
.xp-system-dialog-x{width:23px;height:22px;padding:0;border:1px solid #fff;border-radius:3px;background:#e44b37;color:#fff;font:bold 17px/18px Arial;box-shadow:inset 0 0 0 1px #9a1d12;cursor:pointer}
.xp-system-dialog-body{display:flex;gap:13px;min-height:95px;padding:20px 20px 13px;background:#fff}
.xp-system-dialog-icon{width:38px;flex:0 0 38px;font-size:31px;line-height:38px;text-align:center}
.xp-system-dialog-content{flex:1;min-width:0}
.xp-system-dialog-message{white-space:pre-line;color:#111;font-size:12px;line-height:1.45;word-break:break-word}
.xp-system-dialog-input{display:none;width:100%;box-sizing:border-box;margin-top:10px;height:25px;padding:3px 6px;border:2px inset #fff;background:#fff;color:#111;font:12px Tahoma,Arial,sans-serif;outline:none}
.xp-system-dialog.prompt .xp-system-dialog-input{display:block}
.xp-system-dialog-buttons{display:flex;justify-content:flex-end;gap:7px;padding:9px 11px 10px;background:#ece9d8;border-top:1px solid #d0cdbd}
.xp-system-dialog-buttons button{min-width:78px;height:25px;padding:2px 11px;background:#ece9d8;border:1px solid #003c74;box-shadow:inset 1px 1px #fff,inset -1px -1px #aca899;border-radius:3px;color:#111;font:11px Tahoma,Arial,sans-serif;cursor:pointer}
.xp-system-dialog-buttons button:focus{outline:1px dotted #111;outline-offset:-4px}
.xp-system-dialog-buttons .primary{font-weight:bold}
.xp-system-dialog.alert #xpSystemDialogCancel{display:none}
@media(max-width:600px){.desktop-watermark{right:12px;bottom:48px}.desktop-license-brand{font-size:11px}.xp-system-dialog-window{width:calc(100vw - 18px)}}

#xpDesktopShortcuts .desktop-shortcut{position:relative;touch-action:none;will-change:transform;transition:filter .08s ease,opacity .08s ease}
#xpDesktopShortcuts .desktop-shortcut.desktop-selected{background:rgba(49,106,197,.55);border:1px dotted rgba(255,255,255,.98);outline:none}
#xpDesktopShortcuts .desktop-shortcut.desktop-selected .desktop-label{background:#0b61c9;color:#fff}
#xpDesktopShortcuts .desktop-shortcut.desktop-dragging{z-index:50;opacity:.82;filter:drop-shadow(5px 7px 3px rgba(0,0,0,.35));cursor:grabbing}
#xpDesktopShortcuts.desktop-refreshing .desktop-shortcut{visibility:hidden}
#xpDesktopShortcuts.desktop-arranging .desktop-shortcut{animation:desktopArrangePulse .14s linear}
@keyframes desktopArrangePulse{0%{opacity:.25}100%{opacity:1}}
.desktop-item-context{z-index:36010;min-width:195px}