:root{
--abloom-sky:#6fe6ff;
--abloom-ink:#0f172a;
--abloom-muted:rgba(15,23,42,.72);
--abloom-border:rgba(15,23,42,.12);
--abloom-accent:#ff7a00;
--radius:18px;
--shadow:0 12px 28px rgba(15,23,42,.10);
--maxw:980px;
}
.abloom-page{
width:100%;
background: var(--abloom-sky) !important;
padding: 26px 0 34px;
}
.abloom-container{
max-width:var(--maxw);
margin:0 auto;
padding:0 18px;
}
.abloom-kicker{
display:inline-flex;
gap:10px;
align-items:center;
padding: 8px 12px;
border-radius: 999px;
background: rgba(255,255,255,.75);
border: 1px solid rgba(15,23,42,.10);
color: rgba(15,23,42,.92);
font-size: 13px;
line-height:1;
margin-bottom: 12px;
}
.abloom-h1{
margin:0 0 10px;
font-size: clamp(28px, 3.1vw, 40px);
line-height:1.1;
letter-spacing:-.02em;
color: rgba(15,23,42,.98);
}
.abloom-lead{
margin:0;
max-width: 78ch;
font-size: 16.5px;
line-height: 1.6;
color: rgba(15,23,42,.84);
}
.abloom-card{
margin-top: 16px;
background:#fff;
border-radius: var(--radius);
box-shadow: var(--shadow);
border: 1px solid var(--abloom-border);
overflow:hidden;
}
.abloom-card-inner{
padding: 18px 18px;
}
.abloom-grid{
display:grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
@media (max-width: 920px){
.abloom-grid{ grid-template-columns: 1fr; }
}
.abloom-field{
display:flex;
flex-direction:column;
gap: 6px;
margin: 10px 0 0;
}
.abloom-label{
font-size: 13.5px;
color: rgba(15,23,42,.88);
font-weight: 700;
}
.abloom-input,
.abloom-textarea,
.abloom-select{
width:100%;
border-radius: 12px;
border: 1px solid rgba(15,23,42,.14);
padding: 11px 12px;
font-size: 14.5px;
line-height: 1.3;
color: rgba(15,23,42,.92);
background:#fff;
outline:none;
}
.abloom-textarea{
min-height: 120px;
resize: vertical;
}
.abloom-help{
font-size: 12.5px;
color: var(--abloom-muted);
line-height:1.45;
}
.abloom-choices{
display:grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-top: 8px;
}
@media (max-width: 560px){
.abloom-choices{ grid-template-columns: 1fr; }
}
.abloom-choice{
display:flex;
gap: 10px;
align-items:flex-start;
padding: 10px 12px;
border-radius: 14px;
border: 1px solid rgba(15,23,42,.12);
background: rgba(15,23,42,.02);
}
.abloom-choice input{ margin-top: 3px; }
.abloom-row{
margin-top: 12px;
}
.abloom-actions{
display:flex;
gap: 10px;
flex-wrap: wrap;
margin-top: 14px;
align-items:center;
}
.abloom-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding: 12px 14px;
border-radius: 14px;
border: 1px solid rgba(15,23,42,.14);
background: #fff;
color: var(--abloom-ink);
font-size: 14.5px;
font-weight: 800;
text-decoration:none;
cursor:pointer;
transition: transform .08s ease, box-shadow .08s ease, border-color .08s ease;
}
.abloom-btn:hover{
transform: translateY(-1px);
border-color: rgba(15,23,42,.22);
box-shadow: 0 10px 22px rgba(15,23,42,.10);
}
.abloom-btn-primary{
background: var(--abloom-accent);
border-color: rgba(0,0,0,.08);
color: #111827;
}
.abloom-consent{
display:flex;
gap: 10px;
align-items:flex-start;
margin-top: 12px;
padding: 12px 12px;
border-radius: 14px;
border: 1px solid rgba(15,23,42,.12);
background: rgba(255,255,255,.65);
}
.abloom-consent label{
font-size: 13.5px;
color: rgba(15,23,42,.88);
line-height:1.45;
}
.abloom-consent a{
color: rgba(15,23,42,.92);
text-decoration: underline;
}
.abloom-note{
margin-top: 10px;
color: rgba(15,23,42,.72);
font-size: 12.5px;
line-height:1.5;
}
Innsending
Send inn film
Har du en film du ønsker vurdert for Abloom Filmfestival? Fyll inn informasjonen under. Når du trykker «Send inn», åpnes e-post med opplysningene ferdig utfylt.