nav.nav-scrolled { background: var(--bg-glass); height: 70px; } .quote-card { border-radius: 40px; padding: 32px; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .quote-card:hover { transform: translateY(-10px); } .btn-minimal { padding: 14px 28px; border-radius: 18px; font-weight: 800; font-size: 0.9rem; transition: all 0.3s; display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-transform: uppercase; letter-spacing: 0.1em; } .btn-primary { background: var(--text-primary); color: var(--bg-page); } .modal { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(12px); z-index: 1000; align-items: center; justify-content: center; padding: 20px; } .modal.active { display: flex; } .modal-content { background: var(--bg-glass); backdrop-filter: blur(24px); border-radius: 40px; width: 100%; max-width: 500px; padding: 40px; position: relative; } /* Status colors */ .status-badge { padding: 6px 16px; border-radius: 100px; font-size: 0.7rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; } .status-draft { background: var(--taupe); color: var(--white); } .status-submitted { background: var(--pale-blue); color: var(--charcoal); } .status-approved { background: var(--soft-green); color: var(--white); } /* Skip to Content Link */ .skip-to-content { position: absolute; top: -100px; left: 50%; transform: translateX(-50%); background: var(--black); color: var(--white); padding: 10px 20px; z-index: 200; transition: top 0.3s; border-radius: 0 0 10px 10px; font-weight: bold; } .skip-to-content:focus { top: 0; } ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-thumb { background: var(--gray-dark); border-radius: 10px; }

Security Portfolio

Your
Quotes.

Total 0
Draft 0
Submitted 0
Approved 0