#navbar{z-index:1000;background:#fff;flex-direction:row;justify-content:center;align-items:center;gap:30px;width:100%;min-height:60px;display:flex;position:fixed;top:0;overflow:visible;box-shadow:0 2px 10px #0000001a}#navbar:before,.dropdown-content:before{content:none!important}.dropdown{border:2px solid #0000;align-items:center;display:flex;position:relative}.dropdown-content{visibility:hidden;opacity:0;background:#fff;border:1px solid #ddd;flex-direction:row;gap:15px;padding:10px 20px;transition:all .3s;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 4px 15px #0000001a}.dropdown:hover .dropdown-content{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.dropdown-item{white-space:nowrap;color:#333;border:1px solid #eee;border-radius:4px;padding:5px 10px;font-weight:500;text-decoration:none}
body{color:#4a4a4a;min-height:100vh;text-size-adjust:true;background:#f5f5f5;margin:0;padding:0;font-family:Halvetica,monospace;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:.08;background:radial-gradient(circle at 0%,#4a4a4a 0%,#0000 50%),radial-gradient(circle at 100%,#4a4a4a 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(1.5px at 2px 2px,#000 100%,#0000 0),radial-gradient(1.5px at 2px 2px,#000 100%,#0000 0);mask-image:radial-gradient(1.5px at 2px 2px,#000 100%,#0000 0),radial-gradient(1.5px at 2px 2px,#000 100%,#0000 0);-webkit-mask-position:0 0,2px 2px;mask-position:0 0,2px 2px;-webkit-mask-size:4px 4px,4px 4px;mask-size:4px 4px,4px 4px}.header{z-index:1000;background:#f5f5f5;border-bottom:3px solid #6b6b6b;justify-content:space-between;align-items:center;width:100%;padding:.75rem 2rem;display:flex;position:fixed;top:0}.header-left{align-items:center;gap:12px;display:flex}.logo-circle{color:#fff;background:#6b6b6b;border:2px solid #4a4a4a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text{text-transform:uppercase;letter-spacing:1px;color:#4a4a4a;margin:0;font-size:1.25rem;font-weight:800}.nav-center{gap:20px;display:flex}.nav-link{color:#5a5a5a;text-transform:uppercase;border:2px solid #0000;padding:5px 10px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{background:#fff;border-color:#6b6b6b}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;background:#6b6b6b;border:2px solid #4a4a4a;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.user-details{flex-direction:column;line-height:1.2;display:flex}.user-name{color:#4a4a4a;margin:0;font-size:.9rem;font-weight:700}.user-role{color:#7a7a7a;margin:0;font-size:.75rem}.dropdown-content{visibility:hidden;opacity:0;z-index:1000;background:#fff;border:1px solid #ddd;flex-direction:row;gap:15px;padding:10px 20px;transition:all .3s;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 4px 15px #0000001a}main{z-index:1;max-width:1200px;margin:0 auto;position:relative}.info-section{box-shadow:none;opacity:1;background:#f5f5f5;border:none;margin:30px 0;padding:30px;transition:all .5s;position:relative;transform:translateY(0)}.info-section:before{content:"";opacity:.04;pointer-events:none;background:radial-gradient(circle at 10%,#6b6b6b 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(1px at 2px 2px,#000 100%,#0000 0);mask-image:radial-gradient(1px at 2px 2px,#000 100%,#0000 0);-webkit-mask-size:4px 4px;mask-size:4px 4px}.info-section h2{text-transform:uppercase;color:#4a4a4a;margin-bottom:20px;font-size:2.5em;display:inline-block;position:relative}.info-section p{color:#4a4a4a;font-size:1.2em;line-height:1.8}.info-section h3{text-transform:uppercase;color:#4a4a4a;margin-bottom:15px;font-size:1.5em}.info-section span{color:#4a4a4a}.info-section button{color:#f5f5f5;cursor:pointer;background:#6b6b6b;border:none;border-radius:5px;padding:10px 20px;transition:all .3s}.info-section h2:after{content:"";background:#6b6b6b;width:100%;height:4px;position:absolute;bottom:-5px;left:0;-webkit-mask-image:radial-gradient(1px at 2px 2px,#000 100%,#0000 0);mask-image:radial-gradient(1px at 2px 2px,#000 100%,#0000 0);-webkit-mask-size:4px 4px;mask-size:4px 4px}.info-section p{font-size:1.2em;line-height:1.8}.sketch-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.sketch-item{text-align:center;opacity:1;background:#f5f5f5;border:2px solid #6b6b6b;padding:20px;transition:all .3s;position:relative;overflow:hidden;transform:scale(1)}.sketch-item:hover{transform:translateY(-5px)scale(1);box-shadow:5px 5px #6b6b6b}.sketch-icon{margin:20px 0;font-size:4em}.sketch-item h3{text-transform:uppercase;margin:15px 0;font-size:1.5em}.sketch-item p{color:#7a7a7a;font-size:1em;line-height:1.6}.robot-status{text-align:center;opacity:1;background:#f5f5f5;border:none;margin:40px 0;padding:30px;position:relative}.robot-status:before{content:"🤖";opacity:.1;font-size:8em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.robot-icon{font-size:6em;display:inline-block}.status-text{text-transform:uppercase;margin:20px 0;font-size:1.8em;font-weight:700}.availability{color:#7a7a7a;font-size:1.2em}.cta-section{color:#5a5a5a;text-align:center;background:#f5f5f5;margin-top:50px;padding:60px 20px;position:relative}.cta-section:before{content:"";opacity:.08;pointer-events:none;background:radial-gradient(circle,#f5f5f5 0%,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(1.5px at 3px 3px,#000 100%,#0000 0);mask-image:radial-gradient(1.5px at 3px 3px,#000 100%,#0000 0);-webkit-mask-size:6px 6px;mask-size:6px 6px}.cta-button{text-transform:uppercase;color:#5a5a5a;cursor:pointer;background:#f5f5f5;border:3px solid #6b6b6b;margin-top:20px;padding:20px 50px;font-size:1.5em;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.cta-button:hover{color:#f5f5f5;background:#6b6b6b;transform:scale(1.05)}footer{color:#e5e5e5;text-align:center;background:#4a4a4a;margin-top:50px;padding:20px}footer p:last-child{margin-top:10px}.robot-status p{margin-top:20px;font-size:1.1em}.cta-section h2{margin-bottom:20px;font-size:2.5em}.cta-section p{margin-bottom:20px;font-size:1.3em}.coffee-carousel{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;justify-content:center;align-items:center;gap:20px;display:flex;overflow-x:scroll}.coffee-carousel::-webkit-scrollbar{display:none}.coffee-item{scroll-snap-align:start;box-sizing:border-box;background-color:#eee;border:1px solid #ddd;flex:0 0 100%;justify-content:center;align-items:center;padding:20px;font-size:1.5rem;display:flex}.arrow{cursor:pointer;color:#5a5a5a;background:0 0;border:none;font-size:2em;transition:color .3s}.arrow:hover{color:#4a4a4a}.coffee-item{text-align:center;text-align:center;opacity:1;background:#f5f5f5;border:2px solid #6b6b6b;max-width:300px;padding:20px;transition:all .3s;position:relative;overflow:hidden;transform:scale(1)}.coffee-image{object-fit:cover;width:200px;height:200px;transition:transform .5s ease-in-out;transform:scale(1)}.coffee-image.zoom-in{animation:.5s ease-in-out zoomInOut}@keyframes zoomInOut{0%{transform:scale(1.2)}to{transform:scale(1)}}.floating{animation:8s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-50px)translate(40px)rotate(10deg)}50%{transform:translateY(30px)translate(-60px)rotate(-15deg)}75%{transform:translateY(-20px)translate(20px)rotate(5deg)}}@media (max-width:768px){h1{letter-spacing:2px;font-size:1.5em}.subtitle{font-size:1em;top:0}header{padding:15px}nav{flex-direction:column;align-items:center;gap:10px;position:relative}nav a{text-align:center;width:100%;max-width:200px;padding:8px 15px;font-size:.9em;position:relative}main{padding-left:15px}.info-section{margin:20px 0;padding:20px 15px}.info-section h2{font-size:1.8em}.info-section p{font-size:1em;line-height:1.6}.sketch-container{grid-template-columns:1fr;gap:20px;margin-top:20px}.sketch-item{padding:15px}.sketch-item h3{font-size:1.2em}.sketch-item p{font-size:.9em}.cta-section{padding:40px 15px}.cta-section h2{font-size:1.8em}.cta-section p{font-size:1.1em}.cta-button{width:100%;max-width:300px;padding:15px 30px;font-size:1.2em}footer{padding:15px;font-size:.9em}footer p{margin:5px 0}.w-full{padding:0 10px}.halftone-carousel{padding:20px!important}.halftone-carousel img{width:120px!important;height:120px!important}.halftone-carousel h2{font-size:1.8em!important}.halftone-carousel p{font-size:.95em!important}button[class*=absolute]{padding:8px!important}button[class*=absolute] svg{width:20px!important;height:20px!important}.floating{width:120px!important;top:-60px!important;right:5%!important}}@media (max-width:480px){h1{letter-spacing:1px;font-size:1.5em}.subtitle{font-size:.9em}header{padding:10px}nav a{padding:6px 12px;font-size:.85em}.info-section{padding:15px 10px}.info-section h2{font-size:1.5em}.sketch-item{padding:12px}.cta-section{padding:30px 10px}.cta-section h2{font-size:1.5em}.cta-button{padding:12px 25px;font-size:1em}.halftone-carousel{padding:15px!important}.halftone-carousel img{width:100px!important;height:100px!important}.halftone-carousel h2{font-size:1.5em!important}.floating{width:100px!important;top:-50px!important}}.halftone-line{opacity:.6;background:#6b6b6b;width:100%;height:2px;-webkit-mask-image:radial-gradient(1px at 2px 2px,#000 100%,#0000 0);mask-image:radial-gradient(1px at 2px 2px,#000 100%,#0000 0);-webkit-mask-size:4px 4px;mask-size:4px 4px}.halftone-line-gradient{opacity:.6;background:linear-gradient(90deg,#6b6b6b 0%,#0000 100%);width:100%;height:3px;margin:20px 0;-webkit-mask-image:radial-gradient(1px at 2px 2px,#000 100%,#0000 0);mask-image:radial-gradient(1px at 2px 2px,#000 100%,#0000 0);-webkit-mask-size:4px 4px;mask-size:4px 4px}.flashcard-container{justify-content:center;align-items:center;width:100%;min-height:400px;display:flex;position:relative}.flashcard{z-index:10;transition:all .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.selected{z-index:20;transform:scale(1.05)}.flashcard.vanish{opacity:0;pointer-events:none;position:absolute;transform:scale(.5)translateZ(-100px)}.check-symbol{color:#22c55e;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-width:375px){.halftone-line,.halftone-line-gradient{height:1.5px;margin:15px 0}body{font-size:1.5rem}}