@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap";.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;min-width:250px;padding:12px 16px;border-radius:8px;background:#14141ef2;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:slideIn .3s ease-out forwards;transition:all .3s ease}.toast-info{border-left:4px solid #00f0ff}.toast-success{border-left:4px solid #00ff9d}.toast-error{border-left:4px solid #ff0055}.toast-warning{border-left:4px solid #ffcc00}.toast-message{font-size:.9rem;font-weight:500}.toast-close{background:none;border:none;color:#fff9;font-size:1.2rem;cursor:pointer;padding:0 0 0 10px;line-height:1}.toast-close:hover{color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{transform:translate(100%);opacity:0}}.games-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:20px}.category-tabs{display:flex;gap:8px;margin-top:20px;background:#0000004d;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.category-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:var(--text-secondary, #888);border-radius:8px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.85rem;transition:all .3s ease}.category-tab:hover{background:#ffffff0d;color:var(--text-primary, #fff)}.category-tab.active{background:#00f0ff26;color:#00f0ff;box-shadow:0 0 15px #00f0ff26}.tab-icon{font-size:1.1rem}.tab-label{font-weight:600}.category-desc{color:var(--text-secondary, #888);font-size:.9rem;margin:12px 0 0}.game-list{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:25px}.game-selection-card{background:#0006;border:1px solid rgba(255,255,255,.1);padding:30px;border-radius:12px;width:220px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.game-selection-card:hover{transform:translateY(-5px);border-color:#00f0ff;box-shadow:0 5px 20px #00f0ff40}.game-selection-card h3{margin:0 0 10px;color:#fff;font-size:1.3rem}.game-selection-card p{color:#aaa;margin:0 0 15px;font-size:.85rem}.play-badge{display:inline-block;padding:5px 14px;border-radius:20px;font-size:.75rem;font-weight:700;font-family:Orbitron,sans-serif;background:#00f0ff26;color:#00f0ff;border:1px solid rgba(0,240,255,.3)}.coming-soon-card{background:#0000004d;border:1px dashed rgba(255,255,255,.15);padding:40px 60px;border-radius:12px;text-align:center;opacity:.7}.coming-soon-icon{font-size:2.5rem;display:block;margin-bottom:10px}.coming-soon-card h3{margin:0 0 8px;color:#fff;font-size:1.2rem}.coming-soon-card p{color:#888;margin:0;font-size:.85rem}.series-selector{display:flex;align-items:center;gap:12px;margin-top:12px;color:#aaa;font-size:.95rem}.series-options{display:flex;gap:6px}.series-option{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#ccc;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s;font-family:Orbitron,sans-serif}.series-option:hover{border-color:#00f0ff;color:#fff}.series-option.active{background:#00f0ff33;border-color:#00f0ff;color:#00f0ff;font-weight:700}@media(max-width:600px){.category-tabs{flex-direction:column;width:90%}.category-tab{justify-content:center}.game-list{flex-direction:column;align-items:center}.game-selection-card{width:85%}.series-selector{flex-direction:column;gap:8px}}.cell{width:100px;height:100px;background:var(--cell-bg);display:flex;align-items:center;justify-content:center;font-size:40px;cursor:pointer;border-radius:10px;transition:background .2s,transform .15s}.cell:hover{background:var(--cell-hover);transform:scale(1.03)}.cell:active{transform:scale(.97)}.cell.x{color:var(--accent-secondary);text-shadow:0 0 10px var(--accent-secondary)}.cell.o{color:var(--accent);text-shadow:0 0 10px var(--accent)}.cell.winning{background:var(--win-color)!important;color:var(--bg-primary);animation:cellWin .6s ease-out}.cell.placed{animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes cellWin{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media(max-width:600px){.cell{width:80px;height:80px;font-size:32px}}@media(max-width:400px){.cell{width:70px;height:70px;font-size:28px}}.board{display:grid;grid-template-columns:repeat(3,100px);gap:10px;justify-content:center;margin-top:10px}@media(max-width:600px){.board{grid-template-columns:repeat(3,80px);gap:8px}}@media(max-width:400px){.board{grid-template-columns:repeat(3,70px);gap:6px}}.c4-board{display:flex;background-color:var(--bg-secondary);padding:10px;border-radius:10px;gap:5px;box-shadow:0 10px 20px var(--shadow-color);border:4px solid var(--accent)}.c4-column{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:5px;border-radius:5px;transition:background .2s}.c4-column:hover{background-color:#ffffff1a}.c4-cell{width:50px;height:50px;background-color:transparent;border-radius:50%;position:relative}.c4-circle{width:100%;height:100%;background-color:var(--bg-primary);border-radius:50%;box-shadow:inset 0 2px 5px #00000080;transition:background-color .1s}.c4-cell.x .c4-circle,.c4-cell.o .c4-circle{animation:dropIn .4s cubic-bezier(.25,.46,.45,.94)}.c4-cell.x .c4-circle{background:var(--gradient-primary);box-shadow:0 0 10px var(--accent-secondary),inset 0 -2px 5px #0003}.c4-cell.o .c4-circle{background:var(--accent);box-shadow:0 0 10px var(--accent),inset 0 -2px 5px #0003}.c4-cell.win .c4-circle{animation:pulseWin 1s infinite alternate;border:3px solid #fff}@keyframes dropIn{0%{transform:translateY(-200px);opacity:0}60%{transform:translateY(5px)}80%{transform:translateY(-3px)}to{transform:translateY(0);opacity:1}}@keyframes pulseWin{0%{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.5);transform:scale(1.1)}}.turn-x .c4-column:hover .c4-cell:not(.x):not(.o):first-child .c4-circle{background-color:#ff00cc40}.turn-o .c4-column:hover .c4-cell:not(.x):not(.o):first-child .c4-circle{background-color:#00f2ff40}@media(max-width:600px){.c4-cell{width:38px;height:38px}.c4-board{padding:6px;gap:3px}.c4-column{padding:3px;gap:3px}}@media(max-width:400px){.c4-cell{width:32px;height:32px}}.othello-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:2px;background-color:var(--accent);width:100%;max-width:800px;aspect-ratio:1 / 1;margin:20px auto}.othello-cell{background-color:var(--bg-secondary);width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.turn-o .othello-cell:not(:has(.othello-disc)):hover{background-color:#00f2ff33}.turn-x .othello-cell:not(:has(.othello-disc)):hover{background-color:#f0c3}.othello-disc{width:80%;height:80%;border-radius:50%;box-shadow:0 4px 6px #00000080;transition:transform .3s ease-in-out}.othello-disc.black{background:var(--bg-tertiary);border:1px solid var(--accent-secondary);box-shadow:0 0 10px var(--accent-secondary)}.othello-disc.white{background:var(--bg-primary);border:1px solid var(--accent);box-shadow:0 0 10px var(--accent)}@keyframes drop-in{0%{transform:scale(0)}to{transform:scale(1)}}.othello-disc{animation:drop-in .3s cubic-bezier(.175,.885,.32,1.275)}.checkers-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;max-width:600px;aspect-ratio:1 / 1;margin:20px auto;border:4px solid var(--accent);box-shadow:0 10px 30px #00000080}.checkers-cell{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.checkers-cell.light{background-color:var(--bg-primary)}.checkers-cell.dark{background-color:var(--bg-secondary)}.checkers-cell.selected:after{content:"";position:absolute;inset:0;border:3px solid var(--accent);box-shadow:inset 0 0 10px var(--accent);pointer-events:none;z-index:10}.checkers-piece{width:80%;height:80%;border-radius:50%;box-shadow:0 4px 6px #0009,inset 0 2px 4px #fff3;display:flex;justify-content:center;align-items:center;transition:transform .2s;cursor:pointer}.checkers-piece:active{transform:scale(.95)}.checkers-piece.red{background:var(--gradient-primary);border:2px solid var(--accent-secondary)}.checkers-piece.black{background:var(--bg-tertiary);border:2px solid var(--accent)}.checkers-piece.king{border:3px solid var(--win-color);box-shadow:0 0 10px var(--win-color),0 4px 6px #0009,inset 0 2px 4px #fff3}.crown{color:var(--win-color);font-size:2vw;text-shadow:1px 1px 2px rgba(0,0,0,.8);pointer-events:none}@media(min-width:600px){.crown{font-size:24px}}.chat-container{display:flex;flex-direction:column;height:300px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);overflow:hidden;text-align:left}.chat-messages{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.chat-message{font-size:.9rem;color:var(--text-secondary);word-break:break-word;text-align:left}.chat-message.my-message{color:var(--text-primary)}.chat-sender{font-weight:700;color:var(--chat-sender);margin-right:5px}.my-message .chat-sender{color:var(--chat-sender-self)}.chat-text{color:var(--text-secondary)}.chat-input-form{display:flex;padding:10px;background:var(--bg-input);border-top:1px solid var(--border-color)}.chat-input-form input{flex:1;background:var(--bg-input);border:1px solid var(--border-hover);border-radius:4px;padding:8px;color:var(--text-primary);outline:none;font-family:inherit}.chat-input-form input:focus{border-color:var(--accent)}.chat-input-form button{background:var(--accent);color:var(--bg-primary);border:none;padding:8px 16px;margin-left:8px;border-radius:4px;cursor:pointer;font-weight:700;transition:background .2s}.chat-input-form button:hover{background:var(--accent-hover)}.game-container{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}#turnIndicator{margin-top:5px;font-size:20px;font-weight:700;height:24px}#restart{margin-top:10px}.spectator-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;display:inline-block}.player-names{font-size:16px;color:#c084fc;font-weight:500;letter-spacing:.5px}.timer{font-size:28px;font-weight:700;color:#00f2ff;margin:2px 0;transition:color .3s;text-shadow:0 0 10px rgba(0,242,255,.3)}.timer.warning{color:#ffae00;text-shadow:0 0 10px rgba(255,174,0,.4);animation:timerPulse 1s infinite}.timer.critical{color:#f44;text-shadow:0 0 15px rgba(255,68,68,.5);animation:timerPulse .5s infinite}@keyframes timerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.rematch-btn{background:linear-gradient(45deg,#f0c,#33f);border:none;padding:10px 20px;color:#fff;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:transform .2s,box-shadow .2s}.rematch-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 15px #f0c6}.rematch-btn.waiting{opacity:.6;cursor:default;animation:waitPulse 2s infinite}@keyframes waitPulse{0%,to{opacity:.6}50%{opacity:.3}}.rematch-prompt{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.rematch-prompt span{font-weight:700;color:#ffae00}.accept-btn{background:#0f8;color:#000;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-weight:700;transition:transform .2s}.accept-btn:hover{transform:scale(1.05)}.decline-btn{background:transparent;color:#ff6b6b;border:1px solid #ff6b6b;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .2s}.decline-btn:hover{background:#ff6b6b;color:#000}.series-info{font-size:14px;color:#aaa;text-align:center}.series-dots{display:flex;gap:6px;justify-content:center;margin-top:4px}.series-dot{width:12px;height:12px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .3s}.series-dot.x-win{background:#f0c;border-color:#f0c;box-shadow:0 0 6px #f0c}.series-dot.o-win{background:#ffae00;border-color:#ffae00;box-shadow:0 0 6px #ffae00}.series-winner{font-size:22px;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5);animation:seriesGlow 1.5s infinite alternate}@keyframes seriesGlow{0%{text-shadow:0 0 10px rgba(255,215,0,.3)}to{text-shadow:0 0 25px rgba(255,215,0,.7)}}.game-chat-overlay{position:fixed;bottom:80px;right:20px;width:300px;z-index:100;box-shadow:0 5px 20px #00000080;border-radius:8px;animation:slideUp .3s ease-out}.chat-toggle-btn{background:#00f0ff33;border:1px solid #00f0ff;color:#00f0ff}.chat-toggle-btn:hover{background:#00f0ff;color:#000}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.reconnection-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reconnection-message{background:var(--bg-secondary, #1f1f2e);padding:30px 40px;border-radius:12px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));text-align:center;animation:reconnectPulse 2s infinite}.reconnection-message h3{margin:0 0 10px;color:#ffae00}.reconnection-message p{color:var(--text-secondary, #bbb);margin:0}@keyframes reconnectPulse{0%,to{box-shadow:0 0 20px #ffae0033}50%{box-shadow:0 0 40px #ffae0066}}@media(max-width:600px){.game-chat-overlay{width:90%;right:5%;bottom:70px}.reconnection-message{padding:20px;margin:0 15px}}.navbar{width:100%;background-color:var(--navbar-bg);padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border-bottom:2px solid var(--accent);transition:background-color .3s}.nav-brand{font-family:Orbitron,sans-serif;font-size:22px;font-weight:700;color:var(--text-primary);text-decoration:none}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{color:var(--text-primary);text-decoration:none;font-size:18px;margin-left:20px}.nav-links a:hover{color:var(--accent)}.nav-button{background:none;border:none;color:var(--text-primary);font-size:18px;font-family:Orbitron,sans-serif;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .2s}.nav-button:hover{color:var(--accent);background:#00f2ff1a}@media(max-width:600px){.navbar{padding:10px 15px}.nav-brand{font-size:16px}.nav-button{font-size:14px;padding:4px 6px}}.sidebar{position:fixed;top:0;right:-400px;width:350px;height:100%;background-color:var(--sidebar-bg);box-shadow:-5px 0 25px var(--shadow-color);transition:right .3s cubic-bezier(.25,.8,.25,1);z-index:1000;display:flex;flex-direction:column;color:var(--text-primary);border-left:1px solid var(--border-color)}.sidebar.open{right:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.open{opacity:1;visibility:visible}.close-btn{position:absolute;top:15px;right:20px;background:none;border:none;color:var(--text-muted);font-size:28px;cursor:pointer;z-index:10}.close-btn:hover{color:var(--text-primary)}.sidebar-content{padding:30px 30px 20px;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.sidebar-content.entry{justify-content:center;text-align:center}.sidebar-content h2{font-size:1.8rem;margin-bottom:5px;color:var(--accent)}.sidebar-content p{color:var(--text-muted);font-size:.95rem;margin-bottom:25px}.sidebar-buttons{display:flex;flex-direction:column;gap:12px}.primary-btn{background:var(--accent);border:none;padding:12px;color:var(--bg-primary);border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:transform .2s,background .3s}.primary-btn:hover{transform:scale(1.02);background:var(--accent-hover)}.secondary-btn{background:transparent;border:1px solid var(--border-hover);padding:12px;color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.secondary-btn:hover{border-color:var(--text-primary);background:#ffffff0d}.sidebar-form{display:flex;flex-direction:column;gap:15px;text-align:left;background:#ffffff08;padding:20px;border-radius:12px;border:1px solid var(--border-color)}.sidebar-form h3{margin:0;font-size:1.2rem}.back-link{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;text-align:left;font-size:.85rem;margin-bottom:-5px}.back-link:hover{color:var(--text-primary);text-decoration:underline}.sidebar-form input{padding:10px 12px;border-radius:6px;border:1px solid var(--border-hover);background:var(--bg-input);color:var(--text-primary);font-size:1rem;width:100%;box-sizing:border-box}.sidebar-form input:focus{outline:none;border-color:var(--accent)}.error-text{color:var(--error-color);font-size:.85rem;margin:-5px 0}.full-width{width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:15px}.dashboard-header h2{font-size:1.4rem;margin:0}.code{font-family:monospace;color:var(--text-primary);background:#ffffff1a;padding:2px 6px;border-radius:4px}.leave-link{background:none;border:none;color:var(--error-color);cursor:pointer;font-size:.9rem}.leave-link:hover{text-decoration:underline}.section{margin-top:20px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section h3{margin:0;font-size:1.1rem;color:var(--text-secondary)}.small-btn{background:#00f2ff33;border:1px solid var(--accent);color:var(--text-primary);padding:4px 10px;border-radius:12px;font-size:.8rem;cursor:pointer}.small-btn:hover{background:var(--accent);color:var(--bg-primary)}.list-container{display:flex;flex-direction:column;gap:10px;max-height:150px;overflow-y:auto}.empty-text{color:var(--text-muted);font-style:italic;font-size:.9rem;text-align:center}.list-item{background:#ffffff0d;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.list-item.room{display:flex;justify-content:space-between;align-items:center}.game-name{display:block;font-weight:700;font-size:.95rem}.players{font-size:.8rem;color:var(--text-muted)}.join-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem}.join-btn:hover:not(:disabled){background:var(--accent);color:var(--bg-primary)}.join-btn:disabled{border-color:#444;color:#444}.watch-btn{background:transparent;border:1px solid var(--accent-secondary);color:var(--accent-secondary);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem}.watch-btn:hover{background:var(--accent-secondary);color:#fff}.spectator-count{font-size:.75rem;color:var(--accent-secondary);margin-left:4px}.list-item.player{display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;background:var(--gradient-primary);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:.9rem}.chat-section{margin-top:auto;flex-shrink:0}@media(max-width:500px){.sidebar{width:100%;right:-100%}.sidebar-content{padding:20px}.sidebar-content h2{font-size:1.5rem}}:root,[data-theme=dark]{--bg-primary: #0f0f1a;--bg-secondary: #1f1f2e;--bg-tertiary: #1a1a2e;--bg-card: rgba(0, 0, 0, .4);--bg-input: rgba(0, 0, 0, .3);--text-primary: #ffffff;--text-secondary: #bbbbbb;--text-muted: #666666;--accent: #00f2ff;--accent-hover: #00c3cc;--accent-secondary: #ff00cc;--gradient-primary: linear-gradient(45deg, #ff00cc, #3333ff);--gradient-bg: linear-gradient(90deg, #ff00cc, #3333ff);--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--shadow-color: rgba(0, 0, 0, .5);--cell-bg: #1f1f2e;--cell-hover: #29293d;--navbar-bg: #1f1f2e;--sidebar-bg: #1a1a2e;--board-bg: #0044cc;--board-border: #003399;--empty-slot: #1a1a2e;--win-color: #00ff88;--error-color: #ff6b6b;--chat-sender: #00f0ff;--chat-sender-self: #00ff9d}[data-theme=light]{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-tertiary: #e8eaed;--bg-card: rgba(255, 255, 255, .9);--bg-input: rgba(0, 0, 0, .05);--text-primary: #1a1a2e;--text-secondary: #555555;--text-muted: #999999;--accent: #0088cc;--accent-hover: #006699;--accent-secondary: #cc0088;--gradient-primary: linear-gradient(45deg, #cc0088, #2222cc);--gradient-bg: linear-gradient(90deg, #cc0088, #2222cc);--border-color: rgba(0, 0, 0, .1);--border-hover: rgba(0, 0, 0, .2);--shadow-color: rgba(0, 0, 0, .15);--cell-bg: #e0e3e8;--cell-hover: #d0d3d8;--navbar-bg: #ffffff;--sidebar-bg: #ffffff;--board-bg: #2255bb;--board-border: #1144aa;--empty-slot: #c8ccd0;--win-color: #00cc66;--error-color: #dd3333;--chat-sender: #0088cc;--chat-sender-self: #00aa66}body{margin:0;font-family:Orbitron,sans-serif;background:var(--bg-primary);color:var(--text-primary);text-align:center;transition:background .3s,color .3s}.App{display:flex;flex-direction:column;min-height:100vh}.home-header{width:100%;padding:20px;font-size:24px;font-weight:700;box-sizing:border-box}.hero{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.hero h1{font-size:48px;margin-bottom:20px}.hero p{font-size:18px;color:var(--text-secondary)}.btn{margin-top:30px;padding:15px 30px;background:var(--accent);color:var(--bg-primary);font-size:18px;border:none;cursor:pointer;border-radius:8px;transition:.3s;font-family:Orbitron,sans-serif;font-weight:700}.btn:hover{background:var(--accent-hover);transform:scale(1.03)}.home-footer{width:100%;padding:20px;font-size:14px;color:var(--text-muted);box-sizing:border-box}.main-content{padding:30px;flex-grow:1;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}@media(max-width:600px){.hero h1{font-size:28px}.hero p{font-size:14px}.btn{padding:12px 24px;font-size:16px;min-height:44px}.main-content{padding:15px}.home-header{font-size:18px}}