@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--color-navy: #0a1128;--color-royal: #1e3a8a;--color-text: #f8fafc;--font-mono: "Space Mono", monospace}body{margin:0;background-color:var(--color-navy);color:var(--color-text);font-family:var(--font-mono);display:flex;justify-content:center;min-height:100vh;-webkit-font-smoothing:antialiased}.app-container{width:100%;max-width:600px;padding:2rem;box-sizing:border-box;position:relative;z-index:1}.hero-section{text-align:center;margin-bottom:3rem;margin-top:2rem}.hero-section h1{font-size:2.2rem;margin:0;letter-spacing:-1px;text-transform:uppercase;color:var(--color-text)}.subtitle{color:var(--color-royal);font-weight:700;letter-spacing:2px;margin-top:.5rem;font-size:.9rem}.rotating-wrapper{margin-top:2rem;font-size:1.5rem;display:flex;align-items:center;justify-content:center;gap:12px;height:50px;font-weight:700;color:var(--color-royal)}.portfolio-content{padding:2rem;background:#1e3a8a1a;border:1px solid var(--color-royal)}.portfolio-content h2{font-size:1.1rem;border-bottom:1px solid var(--color-royal);padding-bottom:.5rem;margin-top:0}.portfolio-content p{font-size:.9rem;line-height:1.6;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form button{font-family:var(--font-mono);padding:1rem;background:transparent;border:1px solid var(--color-royal);color:var(--color-text);outline:none;font-size:.9rem}.contact-form input::placeholder{color:#f8fafc66}.contact-form input:focus{border-color:var(--color-text)}.contact-form button{background:var(--color-royal);font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.contact-form button:hover{background:var(--color-text);color:var(--color-navy)}