:root{--bg-dark: #121212;--bg-light: #1E1E1E;--primary: #333333;--accent: #D32F2F;--accent-hover: #B71C1C;--text-light: #EAEAEA;--text-dark: #A9A9A9;--border-color: #383838;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--shadow-color: rgba(211, 47, 47, .2);--shadow-color-hover: rgba(211, 47, 47, .4)}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text-light);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-weight:700;text-shadow:0 2px 8px rgba(183,28,28,.1);animation:slideInUp .6s ease-out;color:var(--text-light)}h1{background:linear-gradient(45deg,var(--accent),#FFFFFF);-webkit-background-clip:text;-webkit-text-fill-color:transparent}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover);text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 1rem}.card{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 12px #0000001a,0 0 0 1px transparent;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden;animation:slideInUp .5s ease-out forwards;opacity:0;animation-delay:.2s}.card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 8px 24px var(--shadow-color-hover),0 0 0 1px var(--accent);border-color:var(--accent)}.card-header{background-color:#0000001a;padding:1rem 1.5rem;font-weight:600;color:var(--text-light);border-bottom:1px solid var(--border-color)}.card-body{padding:1.5rem}.btn{border-radius:.5rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.btn-primary{background-color:var(--accent);color:#fff;box-shadow:0 4px 10px -2px var(--shadow-color)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 14px -2px var(--shadow-color-hover)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.custom-navbar{background-color:#121212d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1020;padding:.75rem 0}.custom-navbar .navbar-brand-logo{height:32px;width:auto;transition:transform .3s ease}.custom-navbar .navbar-brand-logo:hover{transform:scale(1.1) rotate(-5deg)}.custom-navbar .navbar-brand-text{color:var(--text-light);font-weight:700;font-size:1.5rem;transition:color .3s ease}.custom-navbar .navbar-brand-text:hover{color:var(--accent)}.custom-navbar .nav-link{color:var(--text-dark);font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.custom-navbar .nav-link:hover{color:var(--text-light)}.custom-navbar .nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:50%;transform:translate(-50%);background-color:var(--accent);transition:width .3s ease-in-out}.custom-navbar .nav-link:hover:after{width:100%}.custom-footer{background-color:var(--bg-light);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:auto}.custom-footer .footer-text{color:var(--text-dark);font-size:.9rem}.custom-footer .footer-link{color:var(--text-dark);font-size:.9rem;transition:color .3s ease;text-decoration:none}.custom-footer .footer-link:hover{color:var(--accent);text-decoration:underline}.coffee-container{position:relative;display:inline-block}.coffee-button{background-color:transparent;color:#fd0;border:1px solid #FFDD00;border-radius:24px;padding:.5rem 1rem;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.coffee-button:hover{background-color:#fd0;color:var(--bg-dark);transform:scale(1.05)}.coffee-menu{display:flex;flex-direction:column;gap:.25rem;position:absolute;top:110%;left:50%;transform:translate(-50%);margin-top:.5rem;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px var(--shadow-color);padding:.5rem;z-index:100;min-width:100px}.coffee-menu a{background:transparent;border:none;color:var(--text-light);padding:.5rem 1rem;text-align:center;cursor:pointer;border-radius:.25rem;transition:background-color .2s ease,color .2s ease;text-decoration:none}.coffee-menu a:hover{background-color:var(--accent);color:#fff}.coffee-container.svelte-mobxso.svelte-mobxso{position:relative;display:inline-block}.coffee-button.svelte-mobxso.svelte-mobxso{background:var(--accent);color:#fff;border:none;font-size:.95rem;font-weight:600;transition:all .3s ease}.coffee-button.svelte-mobxso.svelte-mobxso:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 14px -2px var(--shadow-color-hover)}.coffee-button.svelte-mobxso svg.svelte-mobxso{transition:transform .3s ease}.coffee-button.svelte-mobxso:hover svg.svelte-mobxso{transform:scale(1.1) rotate(-5deg)}.coffee-menu.svelte-mobxso.svelte-mobxso{position:absolute;top:110%;left:50%;transform:translate(-50%);width:240px;background:var(--bg-light);border-radius:16px;box-shadow:0 12px 32px var(--shadow-color-hover);overflow:hidden;border:1px solid var(--border-color);z-index:1000;padding:.5rem 0}.coffee-menu.svelte-mobxso a.svelte-mobxso{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:var(--text-light);text-decoration:none;font-size:.98rem;transition:all .2s ease}.coffee-menu.svelte-mobxso a.svelte-mobxso:hover{background:var(--accent);color:#fff;padding-left:28px}.coffee-menu.svelte-mobxso .amount.svelte-mobxso{font-weight:700;color:var(--accent);font-size:1.1rem}.coffee-menu.svelte-mobxso .custom-amount.svelte-mobxso{font-weight:600;color:var(--accent);border-top:1px solid var(--border-color);justify-content:center!important}.coffee-menu.svelte-mobxso .custom-amount.svelte-mobxso:hover{background:var(--accent-hover);color:#fff}