:root{--color-primary: #0055AA;--color-accent: #FF8C00;--color-black: #000;--color-white: #FFF;--color-gray-100: #EEE;--color-gray-200: #DDD;--color-gray-300: #CCC;--color-gray-400: #BBB;--color-gray-500: #AAA;--color-gray-600: #999;--gradient-amiga: linear-gradient(135deg, #6ebe44 0%, #65ccec 25%, #fff200 50%, #f79a11 75%, #ef4223 100%);--gradient-chrome: linear-gradient(to bottom, var(--color-white) 0%, var(--color-gray-300) 50%, var(--color-gray-500) 100%);--gradient-chrome-dark: linear-gradient(to bottom, var(--color-white) 0%, var(--color-gray-300) 50%, var(--color-gray-600) 100%);--gradient-button: linear-gradient(to bottom, var(--color-white) 0%, var(--color-gray-200) 50%, var(--color-gray-400) 100%);--gradient-button-hover: linear-gradient(to bottom, var(--color-white) 0%, var(--color-gray-100) 50%, var(--color-gray-300) 100%);--gradient-button-active: linear-gradient(to bottom, var(--color-gray-400) 0%, var(--color-gray-200) 50%, var(--color-white) 100%);--gradient-scrollbar-hover: linear-gradient(to bottom, var(--color-white) 0%, var(--color-gray-200) 50%, var(--color-gray-500) 100%);--font-system: "DotGothic16", "Courier New", monospace;--font-pixel: "Press Start 2P", monospace;--font-content: "Libertinus Serif", serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1: 4px;--space-2: calc(var(--space-1) * 2);--space-3: calc(var(--space-1) * 3);--space-4: calc(var(--space-1) * 4);--space-5: calc(var(--space-1) * 5);--space-6: calc(var(--space-1) * 6);--text-2xs: 7px;--text-xs: var(--space-2);--text-sm: 10px;--text-base: var(--space-3);--text-md: 14px;--text-lg: var(--space-4);--text-xl: var(--space-5);--border-width: 2px;--border: var(--border-width) solid var(--color-black);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 4px 4px 8px rgba(0, 0, 0, .5);--shadow-inset: inset 2px 2px 4px rgba(0, 0, 0, .2);--drop-shadow: drop-shadow(2px 2px 2px rgba(0, 0, 0, .5));--drop-shadow-lg: drop-shadow(4px 4px 6px rgba(0, 0, 0, .5));--drop-shadow-hover: drop-shadow(2px 2px 4px rgba(255, 255, 255, .5));--drop-shadow-hover-strong: drop-shadow(2px 2px 4px rgba(255, 255, 255, .8));--drop-shadow-dark: drop-shadow(2px 2px 4px rgba(0, 0, 0, .7));--icon-size: 64px;--icon-size-sm: calc(var(--icon-size) * .75);--icon-container-width: calc(var(--icon-size) + var(--space-4));--icon-container-width-sm: calc(var(--icon-size-sm) + var(--space-2));--text-icon: var(--icon-size);--text-icon-sm: 44px;--drawer-icon-size: var(--icon-container-width);--drawer-icon-size-sm: calc(var(--drawer-icon-size) * .75);--drawer-base-width: calc(var(--drawer-icon-size) + var(--space-5) * 2);--drawer-base-width-sm: calc(var(--drawer-icon-size-sm) + var(--space-5) * 2);--window-base-min-width: 400px;--window-base-min-height: calc(var(--window-base-min-width) * 3 / 4);--z-logo: 1;--z-window: 100;--z-drawer-window: 200;--z-menu-bar: 1000;--menu-bar-font-size: var(--text-lg);--menu-bar-padding-x: var(--space-3);--menu-bar-padding-y: var(--space-3);--menu-bar-height: calc(var(--menu-bar-font-size) + var(--menu-bar-padding-y) * 2);--menu-bar-background: var(--gradient-chrome);--menu-bar-shadow: var(--shadow-sm);--desktop-top: var(--menu-bar-height);--desktop-padding: var(--space-5);--desktop-background: var(--color-primary);--desktop-icon-width: var(--icon-container-width);--desktop-icon-size: var(--icon-size);--desktop-icon-margin: var(--space-2);--desktop-icon-filter: var(--drop-shadow);--desktop-icon-filter-hover: var(--drop-shadow-hover);--desktop-icon-filter-hover-strong: var(--drop-shadow-hover-strong);--icon-label-font-size: var(--text-base);--icon-label-color: var(--color-white);--icon-label-line-height: 1.4;--icon-label-lines: 2;--desktop-icon-gap: var(--space-4);--desktop-icon-row-height: calc( var(--desktop-icon-size) + var(--desktop-icon-margin) + var(--icon-label-font-size) * var(--icon-label-line-height) * var(--icon-label-lines) + var(--desktop-icon-gap) );--desktop-icon-start-top: var(--space-5);--desktop-icon-right: var(--space-5);--fa-icon-font-size: var(--text-icon);--fa-icon-background: var(--gradient-amiga);--amiga-logo-width: 400px;--amiga-logo-opacity: .8;--amiga-logo-filter: var(--drop-shadow-lg);--window-background: var(--color-gray-500);--window-min-width: var(--window-base-min-width);--window-min-height: var(--window-base-min-height);--window-shadow: var(--shadow-md);--window-title-font-size: var(--text-md);--window-title-color: var(--color-black);--titlebar-padding-x: var(--space-3);--titlebar-padding-y: var(--space-3);--titlebar-height: calc(var(--window-title-font-size) + var(--titlebar-padding-y) * 2);--titlebar-background: var(--gradient-chrome-dark);--window-btn-size: 20px;--window-btn-font-size: var(--text-md);--window-btn-background: var(--gradient-button);--window-btn-background-hover: var(--gradient-button-hover);--window-btn-background-active: var(--gradient-button-active);--window-content-padding: var(--space-4);--window-content-gap: var(--space-6);--window-content-background: var(--color-gray-500);--drawer-width: var(--drawer-base-width);--drawer-padding: var(--space-2);--drawer-icon-width: var(--drawer-icon-size);--drawer-icon-filter: var(--drop-shadow);--drawer-icon-filter-hover: var(--drop-shadow-dark);--drawer-label-font-size: var(--text-base);--drawer-label-color: var(--color-black);--text-content-padding: var(--space-4);--text-content-font-size: var(--text-xl);--text-content-font-family: var(--font-content);--text-content-background: var(--color-white);--text-content-shadow: var(--shadow-inset);--text-content-heading-font-family: var(--font-heading);--text-content-heading-font-size: var(--text-xl);--text-content-heading-margin: var(--space-4);--text-content-heading-padding: var(--space-2);--text-content-heading-color: var(--color-primary);--scrollbar-size: var(--space-4);--scrollbar-track-background: var(--color-gray-500);--scrollbar-thumb-background: var(--gradient-chrome-dark);--scrollbar-thumb-background-hover: var(--gradient-scrollbar-hover)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-system);overflow:hidden;width:100vw;height:100vh;background:var(--color-primary);color:var(--color-black);letter-spacing:1px}.menu-bar{position:fixed;top:0;left:0;right:0;height:var(--menu-bar-height);background:var(--menu-bar-background);border-bottom:var(--border);display:flex;justify-content:space-between;align-items:center;padding:var(--menu-bar-padding-y) var(--menu-bar-padding-x);font-size:var(--menu-bar-font-size);z-index:var(--z-menu-bar);box-shadow:var(--menu-bar-shadow)}.menu-left,.menu-right{color:var(--color-black);text-shadow:1px 1px 0 var(--color-white)}.desktop{position:fixed;top:var(--desktop-top);left:0;right:0;bottom:0;background:var(--desktop-background);padding:var(--desktop-padding);overflow:auto}.desktop-icon{position:absolute;width:var(--desktop-icon-width);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.desktop-icon:nth-child(1){top:var(--desktop-icon-start-top);right:var(--desktop-icon-right)}.desktop-icon:nth-child(2){top:calc(var(--desktop-icon-start-top) + var(--desktop-icon-row-height));right:var(--desktop-icon-right)}.desktop-icon:nth-child(3){top:calc(var(--desktop-icon-start-top) + var(--desktop-icon-row-height) * 2);right:var(--desktop-icon-right)}.desktop-icon:nth-child(4){top:calc(var(--desktop-icon-start-top) + var(--desktop-icon-row-height) * 3);right:var(--desktop-icon-right)}.desktop-icon:nth-child(5){top:calc(var(--desktop-icon-start-top) + var(--desktop-icon-row-height) * 4);right:var(--desktop-icon-right)}.icon-image{margin-bottom:var(--desktop-icon-margin);display:flex;align-items:center;justify-content:center;width:var(--desktop-icon-size);height:var(--desktop-icon-size);margin-left:auto;margin-right:auto}.icon-svg{max-width:var(--desktop-icon-size);max-height:var(--desktop-icon-size);width:auto;height:auto;filter:var(--desktop-icon-filter);display:block}.fa-icon{font-size:var(--fa-icon-font-size);background:var(--fa-icon-background);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:var(--desktop-icon-filter)}.icon-label{font-size:var(--icon-label-font-size);color:var(--icon-label-color);text-shadow:1px 1px 2px var(--color-black);word-break:keep-all;overflow-wrap:normal;line-height:var(--icon-label-line-height)}.desktop-icon:hover .icon-svg{filter:var(--desktop-icon-filter-hover)}.desktop-icon:hover .fa-icon{filter:var(--desktop-icon-filter-hover-strong)}.desktop-icon:active{transform:translateY(2px)}.amiga-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:var(--z-logo)}.amiga-logo img{width:var(--amiga-logo-width);height:auto;opacity:var(--amiga-logo-opacity);filter:var(--amiga-logo-filter)}.window{position:absolute;background:var(--window-background);border:var(--border);box-shadow:var(--window-shadow);min-width:var(--window-min-width);min-height:var(--window-min-height);z-index:var(--z-window)}#main-window{left:50px;top:50px;width:500px;height:400px}.drawer-window{left:100px;top:100px;width:500px;min-height:var(--window-min-height);z-index:var(--z-drawer-window)}.window-titlebar{height:var(--titlebar-height);background:var(--titlebar-background);border-bottom:var(--border);display:flex;justify-content:space-between;align-items:center;padding:var(--titlebar-padding-y) var(--titlebar-padding-x);cursor:move;-webkit-user-select:none;user-select:none}.window-title{font-size:var(--window-title-font-size);color:var(--window-title-color);font-weight:700;text-shadow:1px 1px 0 var(--color-white)}.window-controls{display:flex;gap:var(--space-1)}.window-btn{width:var(--window-btn-size);height:var(--window-btn-size);border:var(--border);background:var(--window-btn-background);cursor:pointer;font-size:var(--window-btn-font-size);line-height:1;padding:0;font-family:var(--font-pixel);font-weight:700;display:flex;align-items:center;justify-content:center}.window-btn:hover{background:var(--window-btn-background-hover)}.window-btn:active{background:var(--window-btn-background-active)}.window-content{padding:var(--window-content-padding);background:var(--window-content-background);height:calc(100% - var(--titlebar-height) - var(--border-width));overflow:auto;display:flex;flex-wrap:wrap;gap:var(--window-content-gap);align-content:flex-start}.drawer{width:var(--drawer-width);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--drawer-padding)}.drawer-image{margin-bottom:var(--space-2)}.drawer-svg{width:var(--drawer-icon-width);height:var(--drawer-icon-width);filter:var(--drawer-icon-filter)}.drawer-label{font-size:var(--drawer-label-font-size);color:var(--drawer-label-color);text-shadow:1px 1px 0 var(--color-gray-300);word-break:keep-all;overflow-wrap:normal;line-height:1.4}.drawer:hover .drawer-svg{filter:var(--drawer-icon-filter-hover)}.drawer:active{transform:translateY(2px)}.text-content{background:var(--text-content-background);border:var(--border);padding:var(--text-content-padding);font-family:var(--text-content-font-family);font-size:var(--text-content-font-size);line-height:1.6;color:var(--color-black);width:100%;max-width:100%;box-shadow:var(--text-content-shadow)}.text-content h2{font-family:var(--text-content-heading-font-family);font-size:var(--text-content-heading-font-size);font-weight:700;margin-bottom:var(--text-content-heading-margin);color:var(--text-content-heading-color);text-decoration:none;border-bottom:var(--border-width) solid var(--text-content-heading-color);padding-bottom:var(--text-content-heading-padding)}.text-content p{margin-bottom:var(--space-3)}.text-content ul{margin-left:var(--space-5);list-style:square}.text-content li{margin-bottom:var(--space-2)}.text-content a{color:var(--color-primary);text-decoration:none;cursor:pointer}.text-content a:hover{color:var(--color-accent)}.contact-list{list-style:none;margin-left:0}.contact-list li{margin-bottom:var(--space-3)}@media(max-width:768px){:root{--menu-bar-font-size: var(--text-xs);--desktop-padding: 10px;--desktop-icon-width: var(--icon-container-width-sm);--desktop-icon-size: var(--icon-size-sm);--icon-label-font-size: var(--text-2xs);--fa-icon-font-size: var(--text-icon-sm);--desktop-icon-start-top: 10px;--desktop-icon-right: var(--space-2);--window-min-width: 300px;--window-min-height: 250px;--window-title-font-size: var(--text-xs);--drawer-width: var(--drawer-base-width-sm);--drawer-icon-width: var(--drawer-icon-size-sm);--drawer-label-font-size: var(--text-xs);--text-content-font-size: var(--text-base);--text-content-heading-font-size: var(--text-lg);--amiga-logo-width: 250px}.icon-svg{max-width:var(--text-icon-sm);max-height:var(--text-icon-sm)}#main-window{left:20px;top:30px;width:calc(100% - 120px);height:auto;max-height:calc(100vh - 100px)}.drawer-window{left:30px;top:40px;width:calc(100% - 60px);max-width:450px}}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track-background);border:var(--border)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-background);border:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-background-hover)}::selection{background:var(--color-accent);color:var(--color-white)}