:root{--bg-primary:#0a0e14;--bg-secondary:#111820;--bg-tertiary:#1a2230;--bg-panel:#141c26;--bg-card:#182030;--bg-card-hover:#1e2a3a;--bg-input:#0d1117;--accent:#ffd600;--accent-dim:#c8a800;--accent-glow:#ffd60026;--accent-glow-strong:#ffd6004d;--success:#00e676;--warning:#ffab00;--error:#ff5252;--info:#448aff;--text-primary:#e0e6ed;--text-secondary:#89a;--text-muted:#567;--text-accent:#ffd600;--border:#1e2a3a;--border-active:#ffd600;--border-subtle:#162030;--wire-idle:#345;--wire-active:#ffd600;--wire-fault:#ff5252;--wire-power:#ff9100;--sidebar-width:260px;--inspector-width:300px;--navbar-height:52px;--panel-height:180px;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.app{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.sim-main{flex:1;width:100%;display:flex;position:relative;overflow:hidden}.workspace-area{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.page-view{flex:1;overflow:hidden}.navbar{height:var(--navbar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:8px;width:100%;padding:0 16px;display:flex}.navbar-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar-left{align-items:center;gap:24px;display:flex}.navbar-right{align-items:center;gap:6px;display:flex}.logo{align-items:center;gap:8px;display:flex}.logo-icon{font-size:18px}.logo-text{font-size:18px;font-weight:700;font-family:var(--font-mono);color:var(--accent);letter-spacing:.5px}.nav-links{gap:4px;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .15s}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--accent);background:var(--accent-glow)}.sim-indicator{font-size:12px;font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-tertiary);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;transition:all .2s;display:flex}.sim-indicator.running{border-color:var(--success);color:var(--success);background:#00e6761a}.sim-indicator.stopped{border-color:var(--text-muted);color:var(--text-muted)}.sim-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;transition:all .2s}.sim-indicator.running .sim-dot{background:var(--success);box-shadow:0 0 6px var(--success);animation:1.5s ease-in-out infinite pulse-dot}.btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:12px;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;transition:all .15s;display:flex}.btn:hover{background:var(--bg-card-hover);border-color:var(--accent-dim)}.btn-accent{background:var(--accent-glow);border-color:var(--accent-dim);color:var(--accent)}.btn-accent:hover{background:var(--accent-glow-strong)}.btn-danger{color:var(--error);border-color:#ff52524d}.btn-danger:hover{background:#ff52521a}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.sidebar{width:var(--sidebar-width);background:var(--bg-panel);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:12px 16px;font-size:12px;font-weight:600}.sidebar-content{flex:1;padding:8px;overflow-y:auto}.component-card{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:10px;transition:all .15s;display:flex}.component-card:hover{background:var(--bg-card-hover);border-color:var(--border)}.component-card-image{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.component-card-image img{object-fit:contain;max-width:100%;max-height:100%}.component-card-image .no-img-icon{color:var(--accent);font-size:20px;font-family:var(--font-mono);font-weight:700}.component-card-info{flex:1;min-width:0}.component-card-name{color:var(--text-primary);font-size:13px;font-weight:600}.component-card-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.inspector{width:var(--inspector-width);background:var(--bg-panel);border-left:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.inspector-header{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:600;display:flex}.inspector-content{flex:1;padding:12px;overflow-y:auto}.inspector-empty{height:200px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.inspector-empty .icon{opacity:.3;font-size:32px}.inspector-section{margin-bottom:16px}.inspector-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.inspector-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.inspector-row:last-child{border-bottom:none}.inspector-label{color:var(--text-secondary);font-size:12px}.inspector-value{font-family:var(--font-mono);color:var(--text-primary);font-size:12px}.inspector-value.high{color:var(--success)}.inspector-value.low{color:var(--text-muted)}.inspector-value.fault{color:var(--error)}.inspector-value.active{color:var(--accent)}.workspace-container{background:var(--bg-primary);flex:1;min-height:0;position:relative;overflow:hidden}.workspace-canvas{cursor:default;width:100%;height:100%;position:absolute;top:0;left:0}.workspace-canvas.panning{cursor:grab}.workspace-canvas.panning:active{cursor:grabbing}.workspace-canvas.wiring{cursor:crosshair}.workspace-canvas.deleting{cursor:not-allowed}.workspace-grid{fill:none;stroke:var(--border-subtle);stroke-width:.5px}.component-node{cursor:move;transition:filter .1s}.component-node:hover{filter:brightness(1.1)}.component-node.selected .node-border{stroke:var(--accent);stroke-width:2px;stroke-dasharray:6 3;animation:.5s linear infinite dash-march}@keyframes dash-march{to{stroke-dashoffset:-9px}}.node-border{fill:#ffd6000d;stroke:#0000;stroke-width:0;rx:4}.node-image{pointer-events:none;-webkit-user-select:none;user-select:none}.node-label{font-family:var(--font-mono);fill:var(--text-secondary);text-anchor:middle;pointer-events:none;font-size:10px}.pin-dot{cursor:pointer;transition:all .1s}.pin-dot:hover{filter:brightness(1.5);r:6}.pin-dot.connected{fill:var(--accent)}.pin-dot.disconnected{fill:var(--text-muted);stroke:var(--text-secondary);stroke-width:1px}.pin-label{font-family:var(--font-mono);fill:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:8px}.wire-path{fill:none;stroke:var(--wire-idle);stroke-width:2px;stroke-linecap:round;cursor:pointer;transition:stroke .2s}.wire-path:hover{stroke-width:3px}.wire-path.active{stroke:var(--wire-active);filter:drop-shadow(0 0 4px var(--accent-glow-strong))}.wire-path.fault{stroke:var(--wire-fault)}.wire-path.power{stroke:var(--wire-power)}.wire-drawing{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:8 4;pointer-events:none;opacity:.7}.current-particle{fill:var(--accent);filter:drop-shadow(0 0 3px var(--accent))}.sim-panel{height:var(--panel-height);background:var(--bg-panel);border-top:1px solid var(--border);-webkit-user-select:none;user-select:none;display:flex;overflow:hidden}.sim-panel-section{border-right:1px solid var(--border-subtle);flex:1;padding:12px 16px;overflow-y:auto}.sim-panel-section:last-child{border-right:none}.sim-panel-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;font-size:10px;font-weight:600}.sim-status{font-size:12px;font-family:var(--font-mono);align-items:center;gap:6px;display:flex}.sim-status .dot{border-radius:50%;width:6px;height:6px}.sim-status.running .dot{background:var(--success);box-shadow:0 0 4px var(--success)}.sim-status.stopped .dot{background:var(--text-muted)}.sim-entry{font-size:12px;font-family:var(--font-mono);justify-content:space-between;padding:3px 0;display:flex}.sim-entry-label{color:var(--text-secondary)}.sim-entry-value{color:var(--text-primary)}.sim-entry-value.high{color:var(--success)}.sim-entry-value.low{color:var(--text-muted)}.sim-entry-value.on{color:var(--accent)}.sim-entry-value.off{color:var(--text-muted)}.sim-entry-value.nc{color:var(--warning)}.sim-entry-value.no{color:var(--success)}.validation-panel{bottom:calc(var(--panel-height) + 8px);background:var(--bg-panel);border:1px solid var(--border);z-index:50;border-radius:8px;width:360px;max-height:300px;position:absolute;right:8px;overflow:hidden;box-shadow:0 8px 32px #00000080}.validation-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.validation-list{max-height:250px;padding:8px;overflow-y:auto}.validation-check{border-radius:4px;align-items:flex-start;gap:8px;margin-bottom:2px;padding:6px 8px;font-size:12px;display:flex}.validation-check.error{color:var(--error);background:#ff525214}.validation-check.warning{color:var(--warning);background:#ffab0014}.validation-check.info{color:var(--success);background:#00e6760f}.validation-check-icon{flex-shrink:0;margin-top:1px;font-size:14px;line-height:1}.toolbar{background:var(--bg-panel);border:1px solid var(--border);z-index:50;border-radius:8px;gap:4px;padding:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.tool-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.tool-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.tool-btn.active{background:var(--accent-glow);color:var(--accent)}.zoom-controls{background:var(--bg-panel);border:1px solid var(--border);z-index:50;border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;bottom:12px;left:12px}.zoom-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;font-size:16px;font-family:var(--font-mono);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.zoom-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.zoom-level{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);text-align:center;padding:2px 0}.tutorial-panel{background:var(--bg-panel);border:1px solid var(--border);z-index:50;border-radius:10px;width:320px;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 8px 32px #00000080}.tutorial-header{background:var(--accent-glow);border-bottom:1px solid var(--border);padding:14px 16px}.tutorial-title{color:var(--accent);font-size:14px;font-weight:600}.tutorial-subtitle{color:var(--text-secondary);margin-top:2px;font-size:11px}.tutorial-body{padding:16px}.tutorial-step-num{font-size:11px;font-family:var(--font-mono);color:var(--accent);margin-bottom:6px}.tutorial-step-title{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.tutorial-step-desc{color:var(--text-secondary);margin-bottom:12px;font-size:12px;line-height:1.6}.tutorial-step-instruction{background:var(--accent-glow);border-left:3px solid var(--accent);color:var(--text-primary);border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:12px}.tutorial-step-hint{color:var(--text-muted);font-size:11px;font-style:italic}.tutorial-nav{border-top:1px solid var(--border);gap:8px;padding:12px 16px;display:flex}.tutorial-progress{gap:4px;padding:0 16px 12px;display:flex}.tutorial-progress-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:all .2s}.tutorial-progress-dot.active{background:var(--accent);box-shadow:0 0 4px var(--accent)}.tutorial-progress-dot.done{background:var(--success)}.gpio-controller{padding:12px}.gpio-pin{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.gpio-label{font-family:var(--font-mono);color:var(--text-primary);min-width:60px;font-size:12px}.gpio-buttons{gap:4px;display:flex}.gpio-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);cursor:pointer;border-radius:4px;padding:3px 10px;transition:all .15s}.gpio-btn:hover{border-color:var(--accent-dim)}.gpio-btn.high.active{border-color:var(--success);color:var(--success);background:#00e67626}.gpio-btn.low.active{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-muted)}.relay-state{background:var(--bg-tertiary);border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;display:flex}.relay-state.on{border-left:3px solid var(--success)}.relay-state.off{border-left:3px solid var(--text-muted)}.relay-state-icon{font-size:18px}.relay-state-text{font-size:12px;font-family:var(--font-mono)}.message-list{max-height:120px;overflow-y:auto}.message-item{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:4px 0}.message-item.success{color:var(--success)}.message-item.warning{color:var(--warning)}.message-item.error{color:var(--error)}.message-item.info{color:var(--info)}@keyframes led-glow{0%,to{filter:drop-shadow(0 0 8px #ff3232cc)}50%{filter:drop-shadow(0 0 14px #ff3232)}}.led-on{animation:1.5s ease-in-out infinite led-glow}.selection-marquee{fill:#ffd6000d;stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 2}@media (width<=1200px){:root{--sidebar-width:220px;--inspector-width:260px}}@media (width<=900px){:root{--sidebar-width:200px;--inspector-width:240px;--panel-height:140px}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.font-mono{font-family:var(--font-mono)}.page-content{width:100%;height:calc(100vh - var(--navbar-height));background:var(--bg-primary);padding:32px 48px;overflow-y:auto}.page-header{text-align:center;margin-bottom:40px}.page-header h1{color:var(--accent);font-size:32px;font-weight:700;font-family:var(--font-mono);margin-bottom:8px}.page-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:15px}.circuit-diagram-section{margin-bottom:48px}.circuit-diagram-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.card-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 24px;display:flex}.card-header h2{color:var(--text-primary);font-size:18px}.card-badge{background:var(--accent-glow);color:var(--accent);font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:12px;padding:2px 10px}.diagram-container{background:#000;justify-content:center;padding:24px;display:flex}.circuit-diagram-img{object-fit:contain;border:1px solid var(--border);border-radius:8px;max-width:100%;max-height:500px}.diagram-legend{border-top:1px solid var(--border);background:var(--bg-secondary);flex-wrap:wrap;gap:16px;padding:16px 24px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.component-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:24px;display:grid}.component-detail-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;gap:16px;padding:16px;transition:border-color .2s;display:flex}.component-detail-card:hover{border-color:var(--accent-dim)}.comp-img-wrapper{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.comp-img{object-fit:contain;max-width:100%;max-height:100%}.comp-info h3{color:var(--text-primary);margin-bottom:4px;font-size:15px}.comp-info p{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.comp-specs{padding:0;list-style:none}.comp-specs li{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);padding:2px 0}.comp-specs li:before{content:"• ";color:var(--accent-dim)}.circuit-notes{margin-bottom:48px}.circuit-notes h2{color:var(--text-primary);margin-bottom:20px;font-size:22px}.note-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.note-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:20px}.note-step{background:var(--accent-glow);width:32px;height:32px;color:var(--accent);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.note-card h4{color:var(--text-primary);margin-bottom:8px;font-size:14px}.note-card p{color:var(--text-secondary);font-size:12px;line-height:1.6}.about-section{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;display:flex}.about-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:24px}.about-card h2{color:var(--text-primary);margin-bottom:16px;font-size:20px}.about-card p{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.7}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.feature-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:16px}.feature-icon{margin-bottom:8px;font-size:24px}.feature-item h4{color:var(--text-primary);margin-bottom:6px;font-size:14px}.feature-item p{color:var(--text-muted);margin-bottom:0;font-size:12px}.about-components-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.about-comp-item{background:var(--bg-secondary);border-radius:6px;align-items:center;gap:10px;padding:10px 12px;display:flex}.about-comp-icon{text-align:center;flex-shrink:0;width:32px;font-size:18px}.about-comp-item strong{color:var(--text-primary);font-size:13px;display:block}.about-comp-item span{color:var(--text-muted);font-size:11px}.tech-stack{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.tech-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:12px}.tech-item strong{color:var(--accent);margin-bottom:4px;font-size:14px;display:block}.tech-item span{color:var(--text-muted);font-size:12px}.about-link-grid{flex-wrap:wrap;gap:12px;display:flex}.about-link{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:10px 16px;font-size:13px;text-decoration:none;transition:all .2s}.about-link:hover{border-color:var(--accent-dim);background:var(--accent-glow)}.components-detail-grid{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;display:flex}.full-comp-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.full-comp-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:20px;padding:24px;display:flex}.full-comp-img-wrapper{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.full-comp-img{object-fit:contain;max-width:100%;max-height:100%}.full-comp-title h2{color:var(--text-primary);margin:6px 0 4px;font-size:22px}.full-comp-title p{color:var(--text-secondary);font-size:13px;line-height:1.6}.comp-category-badge{background:var(--accent-glow);color:var(--accent);font-size:10px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:2px 8px;display:inline-block}.full-comp-body{grid-template-columns:1fr 1fr;gap:20px;padding:20px 24px;display:grid}.full-comp-section h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px;font-size:13px;font-weight:600}.specs-table{flex-direction:column;display:flex}.spec-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.spec-label{color:var(--text-secondary)}.spec-value{color:var(--text-primary);font-family:var(--font-mono)}.pinout-text,.usage-text{color:var(--text-secondary);font-size:13px;line-height:1.6}.components-section h2{color:var(--text-primary);margin-bottom:4px;font-size:22px}.intro-page{background:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.intro-video-container{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.intro-video{object-fit:cover;width:100%;height:100%}.intro-video-overlay{z-index:1;background:#0000008c;width:100%;height:100%;position:absolute;top:0;left:0}.intro-content{z-index:2;text-align:center;max-width:650px;padding:40px;position:relative}.intro-logo{margin-bottom:20px}.intro-logo-img{filter:drop-shadow(0 0 20px #ffd6004d);border-radius:12px;width:auto;height:80px}.intro-title{font-family:var(--font-mono);color:var(--accent);letter-spacing:2px;text-shadow:0 0 30px #ffd6004d;margin-bottom:8px;font-size:48px;font-weight:700}.intro-subtitle{color:var(--text-secondary);letter-spacing:4px;text-transform:uppercase;margin-bottom:24px;font-size:18px;font-weight:300}.intro-description{color:var(--text-secondary);margin-bottom:36px;font-size:15px;line-height:1.8}.intro-cta{border:2px solid var(--accent);color:var(--accent);font-size:18px;font-weight:700;font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;background:#ffd6001a;border-radius:12px;align-items:center;gap:10px;padding:14px 40px;transition:all .3s;display:inline-flex}.intro-cta:hover{background:var(--accent);color:#0a0e14;transform:translateY(-2px);box-shadow:0 0 30px #ffd60066}.intro-cta:active{transform:translateY(0)}.intro-hint{color:var(--text-muted);letter-spacing:.5px;margin-top:20px;font-size:12px}@media (width<=768px){.intro-title{font-size:32px}.intro-subtitle{letter-spacing:2px;font-size:14px}.intro-description{font-size:13px}.intro-cta{padding:12px 32px;font-size:16px}}