body{background-color:#0a0a0a;color:#e0e0e0;font-family:'JetBrains Mono',monospace,system-ui}
.hero{position:relative;height:100vh;display:flex;align-items:center;overflow:hidden}
.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:0.3}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,0.5),rgba(0,150,100,0.15))}
.hero-content{position:relative;z-index:1}
.section-title{border-left:4px solid #00ff88;padding-left:1rem;margin-bottom:2rem}
.card{background:#1a1a1a;border:1px solid #333;color:#fff}
.btn-quantum{background:transparent;border:1px solid #00ff88;color:#00ff88;transition:all 0.3s}
.btn-quantum:hover{background:#00ff88;color:#000}
.mvp-badge{background:#222;border:1px solid #ffcc00;color:#ffcc00;padding:2px 8px;font-size:0.8rem;border-radius:4px}
.footer{border-top:1px solid #333;padding:3rem 0;margin-top:4rem}
.hover-success:hover{color:#00ff88!important}
.navbar-toggler{border-color:#00ff88!important}
.navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2300ff88' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;background-repeat:no-repeat;background-position:center;background-size:100%}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2300ff88' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}
#privacyNotice { display: none; }
#privacyNotice.show { display: block; animation: slideIn 0.3s ease-out; }
.privacy-popup { position: fixed; bottom: 0.77rem; right: 0.77rem; max-width: 293px; width: calc(100% - 2.31rem); background: linear-gradient(135deg, rgba(17, 24, 39, 0.95) 0%, rgba(31, 41, 55, 0.95) 100%); backdrop-filter: blur(10px); border-radius: 9px; padding: 1rem; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.05); border: 1px solid rgba(16, 185, 129, 0.2); color: #f3f4f6; z-index: 9999; }
.privacy-popup small { display: block; line-height: 1.5; font-size: 0.66rem; }
.privacy-popup strong { display: block; margin-bottom: 0.4rem; font-size: 0.77rem; }
.privacy-link { color: #10b981; text-decoration: none; font-weight: 500; border-bottom: 1px solid rgba(16, 185, 129, 0.4); transition: all 0.2s ease; }
.privacy-link:hover { color: #6ee7b7; border-bottom-color: rgba(110, 231, 183, 0.6); }
.privacy-close { position: absolute; top: 0.55rem; right: 0.55rem; width: 19px; height: 19px; padding: 0; background: none; border: none; color: #9ca3af; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; line-height: 1; transition: color 0.2s ease; }
.privacy-close:hover { color: #10b981; }
.privacy-close::before { content: '×'; }
@keyframes slideIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 640px) { .privacy-popup { bottom: 0.77rem; right: 0.77rem; max-width: calc(100% - 1.54rem); padding: 0.77rem; } .privacy-popup strong { font-size: 0.66rem; } .privacy-popup small { font-size: 0.6rem; } }
@media (prefers-reduced-motion: reduce) { #privacyNotice.show { animation: none; } }
.privacy-content { padding-right: 1.1rem; }