:root{--foreground-rgb:255, 255, 255;--background-start-rgb:15, 15, 15;--background-end-rgb:15, 15, 15;--surface-rgb:255, 255, 255;--card-bg-rgb:30, 30, 30}body{color:rgb(var(--foreground-rgb));background:rgb(var(--background-start-rgb));margin:0;padding:1rem;font-family:Arial,sans-serif}.header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.logo{align-items:center;gap:10px;display:flex}.icon{font-size:24px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-weight:700;transition:all .3s;display:inline-flex}.hero{text-align:center;max-width:800px;margin:0 auto;padding:80px 20px}.heroText{color:#555;font-size:18px}.section{padding:60px 20px;display:block}.article{width:100%;max-width:900px;margin:32px auto 0;display:block}.paragraph{background:rgb(var(--card-bg-rgb));color:rgb(var(--foreground-rgb));border-radius:12px;margin-top:20px;margin-bottom:40px;padding:20px;box-shadow:0 6px 18px #00000014}.paragraph.fullWidth{flex-basis:100%;width:940px;max-width:940px;margin:24px auto 0}.paragraph.splitCard{box-shadow:none;background:0 0;align-items:center;gap:20px;padding:0;display:flex}.paragraph.splitCard .cardInner{background:rgb(var(--card-bg-rgb));color:rgb(var(--foreground-rgb));border-radius:12px;flex:auto;padding:20px;box-shadow:0 6px 18px #00000014}.paragraph.splitCard .buttonWrap{flex:none}.halfRow{flex-basis:100%;align-items:center;gap:16px;max-width:940px;margin:24px auto 0;display:flex}.halfRow .halfImage{flex:0 0 48%}.halfRow .halfText{flex:52%}.halfRow .halfText .paragraph{margin:0}.halfImageBg{background-image:url(/sunshine_mills_inc_cover.jpeg);background-position:50%;background-size:cover;border-radius:10px;width:100%;height:300px}.paragraph h3{color:rgb(var(--surface-rgb));margin-top:0}.paragraph{color:#555}.btn--primary{color:rgb(var(--surface-rgb));background:linear-gradient(90deg,#f4b400,#ff8f00)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.textColumn{flex-direction:column;gap:16px;display:flex}.textWithButton{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.textWithButton .paragraph{flex:60%;margin:0}.textWithButton .btn{flex:none}.textCta{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.ctaNote{color:rgba(var(--foreground-rgb), .65);align-self:center;margin-top:0;font-size:12px}.image{border-radius:10px;width:400px;max-width:100%;box-shadow:0 4px 10px #0000001a}.footer{text-align:center;color:#777;border-top:1px solid #eee;padding:20px}.footerContact{color:rgba(var(--foreground-rgb), .75);margin:6px 0 0;font-size:13px}.footerContact a{color:inherit;text-decoration:underline}
.login-container{background-color:#f9f9f9;border-radius:12px;width:100%;max-width:400px;margin:5rem auto;padding:2rem;box-shadow:0 4px 12px #0000000d}.login-container h1{text-align:center;color:#333;margin-bottom:1.5rem;font-size:1.6rem;font-weight:600}.login-form{flex-direction:column;gap:1rem;display:flex}.login-form input{color:#333;border:1px solid #ccc;border-radius:8px;outline:none;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-form input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff33}.login-form button{color:rgb(var(--surface-rgb));cursor:pointer;background-color:#007bff;border:none;border-radius:8px;padding:.75rem;font-size:1rem;font-weight:500;transition:background-color .2s}.login-form button:hover{background-color:#0056b3}.error-message{color:#ef4444;text-align:center;font-size:.875rem}