@charset "UTF-8";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;max-width:100vw;overflow-x:hidden;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit}:root{--primary-color: #046380;--accent-color: #3fc1c9}body{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:1rem;color:#0d1619;background-color:#fff}h1,h2,h3{letter-spacing:0;color:#333}button,p{letter-spacing:.02em}.breadcrumb-link,.breadcrumb-current{letter-spacing:.03em}.button{letter-spacing:.05em;text-transform:uppercase}h1,h2,h3,h4{color:#333;line-height:1.4;font-family:Inter,Helvetica Neue,Arial,sans-serif}h1,h2{margin-bottom:1rem}h1{font-size:2.25rem}h2{font-size:2rem}h3,h4{margin-bottom:.5rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{margin-bottom:.5rem;font-size:1rem}a{color:#046380;text-decoration:underline}a:hover{color:#3fc1c9}.bold,.filters-content .filters-content-title,.page-content h1{font-weight:600}.font-small{font-size:.875rem}.font-x-small{font-size:.75rem}.fill{width:100%;height:100%}.w-full{width:100%}.h-full{height:100%}.gap{gap:1rem}.border{border:solid 1px #d9d9d9;border-radius:1rem}.contact-form .form-row,.surfboard-selection-modal .surfboard-selection-item>div,.hero-cta,.form-row,.form-actions,.page-actions,.surfboard-actions,.info-page-content .content .page-title-with-status,.list-map,.toast,.dropdown-menu-item,.feed-item-header,.surf-spot-wizard-stepper-sep,.surf-spot-wizard-stepper-nodes,.actions,.map-error-retry-wrap,.menu-drawer-content .menu-item,.menu .desktop-menu .nav-item,.menu .desktop-menu ul,.menu .desktop-menu,.menu,.drawer-header .drawer-actions,.details,.breadcrumb .breadcrumb-list,.sign-in-nav,.auth-cta,.form-inline,.center-vertical,.center-horizontal,.chip-selector,.flex-end,.flex-start,.space-around,.surfboard-selection-modal .surfboard-selection-item,.surfboard-header,.trip-spot-item,.trip-member-item,.recent-spot-card,.page-header,.surfboards-header,.trips-header,.date-picker-header,.surf-spot-wizard-nav,.selection-modal .selection-item .selection-item-header,.menu-drawer-content .menu-section .menu-section-header,.menu .menu-section .menu-section-header,.drawer-header,.space-between,.content>.surf-spot-detail-meta-row,.info-page-content .spot-actions,.spot-details,.sign-in-providers,.drawer-form-actions,.auth-layout,.row,body,.country-emergency-section .country-emergency-list,.contact-form,.surfboard-selection-modal .surfboard-selection-actions,.surfboard-selection-modal .surfboard-selection-list,.trip-spots-list,.trip-members-list,.feed-container,.stat-card,.amenities-details,.amenities-content,.best-conditions,.hero-text,.landing-page .main-content,.landing-page,.toast-container,.toast-content,.media-upload-content,.dropdown-menu,.feed-item-meta,.surf-spot-form-success-wrapper,.surf-spot-form-success-page,.surf-spot-wizard-stepper-node,.selection-modal .selection-empty-state,.selection-modal .selection-item .selection-item-header .selection-item-info,.selection-modal .selection-item .selection-item-content,.selection-modal .selection-item,.selection-modal .selection-list,.selection-modal .selection-content,.selection-modal .selection-header,.selection-modal,.surf-session-page .surf-session-thank-you,.note-form-container,.map-wrapper.h-full,.h-full.find-spot-map,.sign-in-providers-container,.page,.page-wrapper,.info-modal-content,.modal-actions,.modal-content,.modal-container,.filters-content .filters-content-options,.filters-container,.error-boundary-fallback,.drawer,.auth-content,.auth-options,.profile-links,.form-item,.content-container,.column,.trip-spots-list.empty,.trip-members-list.empty,.preference-card,.achievement-badge,.step .step-number,.hero-visual,.toast-close,.toast-icon,.media-upload-icon,.media-upload-card,button.floating-button .floating-button-badge,button.floating-button .floating-button-icon,button.floating-button,.empty-state .empty-actions,.dropdown-menu-trigger,.date-picker-day,.date-picker-nav,.date-picker-toggle,.feed-item-icon,button.text-button .text-button-icon,button.text-button,.surf-spot-form-error-state-actions,.surf-spot-form-success .surf-spot-form-success-actions,.surf-spot-form-success,.surf-spot-wizard-arrow .button-content,.surf-spot-wizard-stepper-node-circle,.surf-spot-wizard-stepper-slot,.selection-modal .selection-actions,.selection-modal .selection-loading,.map-spots-error-overlay,.sign-in-providers button.social-auth-button .button-content,.sign-in-providers button.social-auth-button,.page-loading-state,.modal-overlay,.menu-drawer-content .menu-section .menu-section-header .menu-section-icon,.menu .menu-section .menu-section-header .menu-section-icon,.menu .hamburger-icon,.animated-tide-loader,.loading-container,.info-icon,.info-message,.drawer-header .drawer-close-button,.direction-selector-button,.direction-selector-compass,.direction-selector,.checkbox-option,.icon .button-content,.icon,.button,.auth-hero,.center{display:flex}.trip-spots-list.empty,.trip-members-list.empty,.preference-card,.achievement-badge,.step .step-number,.hero-visual,.toast-close,.toast-icon,.media-upload-icon,.media-upload-card,button.floating-button .floating-button-badge,button.floating-button .floating-button-icon,button.floating-button,.empty-state .empty-actions,.dropdown-menu-trigger,.date-picker-day,.date-picker-nav,.date-picker-toggle,.feed-item-icon,button.text-button .text-button-icon,button.text-button,.surf-spot-form-error-state-actions,.surf-spot-form-success .surf-spot-form-success-actions,.surf-spot-form-success,.surf-spot-wizard-arrow .button-content,.surf-spot-wizard-stepper-node-circle,.surf-spot-wizard-stepper-slot,.selection-modal .selection-actions,.selection-modal .selection-loading,.map-spots-error-overlay,.sign-in-providers button.social-auth-button .button-content,.sign-in-providers button.social-auth-button,.sign-in-providers,.sign-in-providers-container,.page-loading-state,.modal-overlay,.menu-drawer-content .menu-section .menu-section-header .menu-section-icon,.menu .menu-section .menu-section-header .menu-section-icon,.menu .hamburger-icon,.animated-tide-loader,.loading-container,.info-icon,.info-message,.error-boundary-fallback,.drawer-header .drawer-close-button,.direction-selector-button,.direction-selector-compass,.direction-selector,.checkbox-option,.icon .button-content,.icon,.button,.auth-hero,.center{justify-content:center;align-items:center}body,.country-emergency-section .country-emergency-list,.contact-form,.surfboard-selection-modal .surfboard-selection-actions,.surfboard-selection-modal .surfboard-selection-list,.trip-spots-list,.trip-members-list,.feed-container,.stat-card,.amenities-details,.amenities-content,.best-conditions,.hero-text,.landing-page .main-content,.landing-page,.toast-container,.toast-content,.media-upload-content,.dropdown-menu,.feed-item-meta,.surf-spot-form-success-wrapper,.surf-spot-form-success-page,.surf-spot-wizard-stepper-node,.selection-modal .selection-empty-state,.selection-modal .selection-item .selection-item-header .selection-item-info,.selection-modal .selection-item .selection-item-content,.selection-modal .selection-item,.selection-modal .selection-list,.selection-modal .selection-content,.selection-modal .selection-header,.selection-modal,.surf-session-page .surf-session-thank-you,.note-form-container,.map-wrapper.h-full,.h-full.find-spot-map,.sign-in-providers-container,.page,.page-wrapper,.info-modal-content,.modal-actions,.modal-content,.modal-container,.filters-content .filters-content-options,.filters-container,.error-boundary-fallback,.drawer,.auth-content,.auth-options,.profile-links,.form-item,.content-container,.column{flex-direction:column}.content>.surf-spot-detail-meta-row,.info-page-content .spot-actions,.spot-details,.sign-in-providers,.drawer-form-actions,.auth-layout,.row{flex-direction:row}.surfboard-selection-modal .surfboard-selection-item,.surfboard-header,.trip-spot-item,.trip-member-item,.recent-spot-card,.page-header,.surfboards-header,.trips-header,.date-picker-header,.surf-spot-wizard-nav,.selection-modal .selection-item .selection-item-header,.menu-drawer-content .menu-section .menu-section-header,.menu .menu-section .menu-section-header,.drawer-header,.space-between{justify-content:space-between;align-items:center}.space-around{justify-content:space-around;align-items:center}.flex-start{justify-content:start}.flex-end{justify-content:end}.chip-selector{flex-wrap:wrap}.row{width:100%;flex-wrap:wrap}.center-horizontal{justify-content:center}.center-vertical{align-items:center}.flex-1{flex:1}.content{padding:0}@media (max-width: 640px){.content{padding:0 1rem}}.content-container{flex:1;min-height:calc(100vh - 56px);margin-bottom:1rem;width:100%;margin:0 auto;max-width:100%;padding:0 1rem}@media (max-width: 900px){.content-container{max-width:560px}}@media (min-width: 901px){.content-container{max-width:720px}}.content-container .map-wrapper.h-full,.content-container .h-full.find-spot-map{flex:1;min-height:0}.card,.notification-card{box-shadow:none;background:#fff;padding:1rem;margin:1rem 0;border-radius:1rem}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.scroll::-webkit-scrollbar{width:8px;height:auto}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.scroll::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.p{padding:1rem}.m{margin:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pv{padding:1rem 0}.pv-l{padding:2rem 0}.ph{padding:0 1rem}.pt{padding-top:1rem}.pb{padding-bottom:1rem}.mv{margin:1rem 0}.mv-l{margin:2rem 0}.mh{margin:0 1rem}.mh-s{margin:0 .5rem}.mt{margin-top:1rem}.mt-s{margin-top:.5rem}.mt-l{margin-top:2rem}.mb{margin-bottom:1rem}.mb-l{margin-bottom:2rem}.m-0{margin:0}.p-0{padding:0}.center-text{text-align:center}.border-top{border-top:solid 1px #d9d9d9}@keyframes bounceIn{0%{opacity:0;transform:scale(.9) translateY(20px)}50%{opacity:.8;transform:scale(1.01) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-on-scroll{opacity:0;transform:scale(.9) translateY(20px);transition:none;will-change:opacity,transform}.animate-on-scroll.visible{animation:bounceIn .4s cubic-bezier(.25,.46,.45,.94) forwards}.animate-on-scroll.visible:nth-child(1){animation-delay:.02s}.animate-on-scroll.visible:nth-child(2){animation-delay:.04s}.animate-on-scroll.visible:nth-child(3){animation-delay:.06s}.animate-on-scroll.visible:nth-child(4){animation-delay:.08s}.animate-on-scroll.visible:nth-child(5){animation-delay:.1s}.animate-on-scroll.visible:nth-child(6){animation-delay:.12s}.animate-on-scroll.visible:nth-child(n+7){animation-delay:.14s}.animate-bounce-in,.stat-card{animation:bounceIn .6s cubic-bezier(.25,.46,.45,.94) both;will-change:opacity,transform}.animate-bounce-in:nth-child(1),.stat-card:nth-child(1){animation-delay:.05s}.animate-bounce-in:nth-child(2),.stat-card:nth-child(2){animation-delay:.1s}.animate-bounce-in:nth-child(3),.stat-card:nth-child(3){animation-delay:.15s}.animate-bounce-in:nth-child(4),.stat-card:nth-child(4){animation-delay:.2s}.animate-bounce-in:nth-child(5),.stat-card:nth-child(5){animation-delay:.25s}.animate-bounce-in:nth-child(6),.stat-card:nth-child(6){animation-delay:.3s}form{width:100%}.form-submit{margin-top:2rem}.form-item{width:100%;padding-top:.5rem;text-align:start}.form-item.no-top-padding{padding-top:0}.form-item label{font-size:.875rem;margin-left:.5rem;opacity:0;transform:translateY(-.5rem);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.form-item label.visible{opacity:1;transform:translateY(0)}.form-item .form-error{margin-left:.5rem}input,textarea,select{width:100%;border:1px solid #d9d9d9;border-radius:1rem;padding:.5rem;font-size:1rem;line-height:1.5;box-sizing:border-box;height:40px}input:disabled,textarea:disabled,select:disabled{background:#d7d7d7;opacity:.4}select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding-right:.5rem;background-color:#fff;cursor:pointer}input[type=checkbox]{width:auto;margin-left:1rem;cursor:pointer}input[type=checkbox]:checked{accent-color:#046380}textarea{resize:vertical;min-height:100px}input:focus,textarea:focus,select:focus{border-color:#046380;box-shadow:0 0 4px #0077b680;outline:none}.form-item.error input,.form-item.error textarea,.form-item.error select{border-color:#d9d9d9;box-shadow:0 0 4px #b22222;outline:none}.form-status-container{min-height:24px}.form-success{display:inline-block;color:green;opacity:1;transition:opacity 1s ease}.form-error{display:inline-block;color:#b22222;font-size:.875rem}.form-label-required{color:#b22222}.form-inline{align-items:flex-start;gap:.5rem;flex-wrap:wrap}@media (max-width: 768px){.form-inline{flex-direction:column;gap:0}}.direction-selector-wrapper{flex:1;min-width:0}@media (max-width: 768px){.direction-selector-wrapper{width:100%}}.disclaimer{font-size:.875rem;margin-top:.5rem}.profile-links{gap:.5rem;margin-top:1rem;font-size:.875rem}.auth-cta{gap:.5rem}.auth-options .auth-cta p,.auth-options a{margin-bottom:0}.auth-title h1{font-size:2rem;margin:0;text-align:center}.auth-layout{width:100%;height:100%}.auth-layout.reversed{flex-direction:row-reverse}.auth-content{position:relative;width:100%;max-width:420px;padding:1rem 1rem 2rem}.auth-content footer{position:absolute;bottom:0;left:0;width:100%}.auth-content .content-status{margin-top:0;justify-content:center}.auth-copyright{position:absolute;bottom:0;width:100%;text-align:center;padding:.5rem 0}.auth-copyright p{margin:0;font-size:.75rem;color:#0d1619}.auth-hero{flex-direction:column;background:linear-gradient(135deg,#046380,#022a36);position:relative;overflow:hidden}.auth-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="waves" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M0 50 Q25 40 50 50 T100 50 V100 H0 Z" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23waves)"/></svg>');opacity:.3}.auth-hero>*{position:relative;z-index:2}@media (max-width: 1008px){.auth-hero{display:none}}.sign-in-nav{align-items:center;margin:0 1rem;gap:.5rem}.guest-link{font-size:.875rem;margin-bottom:1rem}.page-content h1{font-size:2.5rem;margin-bottom:1rem;text-align:center}.page-content h2{font-size:1.75rem;margin:2rem 0 1rem}.page-content h3{font-size:1.25rem;margin:2rem 0 .5rem}.page-content p{color:#666;line-height:1.6;margin-bottom:1rem}.page-content ul,.page-content ol{color:#666;line-height:1.6;margin-bottom:1rem;padding-left:2rem}.page-content li{margin-bottom:.5rem}.page-content a{color:#046380;text-decoration:none;transition:color .3s ease}.page-content a:hover{color:#023d4f}.button{gap:.5rem;background-color:#046380;color:#fff;padding:.5rem 2rem;border:none;border-radius:25px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:700;cursor:pointer;transition:background-color .3s,transform .2s,border-color .3s;text-align:center;text-decoration:none;width:100%;height:56px;box-sizing:border-box}.button.cancel{background:#f8fafc;color:#0d1619;border:1px solid #dddddd;height:56px}.button.cancel:hover:not(:disabled){background:#edf2f7;border-color:#c4c4c4}.button.cancel:active:not(:disabled){background:#e6edf4}.button.secondary{background:#2f9fa6;color:#fff}.button.secondary:hover:not(:disabled){color:#023d4f}.button.danger{background:#b22222;color:#fff}.button.danger:hover:not(:disabled){background:#c72626}.button.danger:active:not(:disabled){background:#9d1e1e}.button:hover:not(:disabled){transform:scale(1.03);text-decoration:none}.button:hover:not(:disabled):not(.cancel):not(.secondary):not(.danger):not(.icon){background:#057699}.button:active:not(:disabled){transform:scale(.95)}.button:active:not(:disabled):not(.cancel):not(.secondary):not(.danger):not(.icon){background:#035067}.button:disabled{background:#d7d7d7;color:#545454;font-weight:500;cursor:not-allowed;opacity:.6;transform:none;translate:none}.button:disabled:hover,.button:disabled:active{transform:none;background:#d7d7d7}.button.loading{position:relative;pointer-events:none;min-height:56px}.button.loading .button-content{visibility:hidden}.button.loading .button-loading-spinner{position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px}.button.small{padding:.5rem 1rem;height:40px;font-size:.875rem;white-space:nowrap}.button.small.loading{min-height:40px}.button-loading-spinner{display:inline-block;width:24px;height:24px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:buttonSpinner .6s linear infinite;flex-shrink:0;vertical-align:middle;line-height:1;opacity:1}.button-content{display:inline-flex;align-items:center;gap:.5rem;min-width:0;opacity:1}.icon{width:2rem;height:2rem;min-height:unset;padding:0;color:#0d1619;background:transparent;font-size:1.5rem;border-radius:50%;transition:color .3s,background .3s,transform .2s}.icon .button-content{transform:translateY(-1px)}.icon:hover{color:#000;background:#f0f4f8;transform:scale(1.03)}.icon:hover .button-content{transform:translateY(-1px)}.breadcrumb .breadcrumb-list{list-style:none;padding:0;margin:0;padding:1rem 0;margin-bottom:1rem;border-bottom:solid 1px #d9d9d9;font-size:.875rem}@media (max-width: 670px){.breadcrumb .breadcrumb-list{padding:1rem;font-size:.75rem}}.breadcrumb .breadcrumb-item:not(:last-child):after{content:">";margin:0 1rem;color:#d9d9d9}.breadcrumb .breadcrumb-link{text-transform:capitalize;text-wrap:nowrap}.breadcrumb .breadcrumb-current{text-transform:capitalize;text-wrap:nowrap;padding-right:.5rem}.checkbox-option{gap:1rem;position:relative}.checkbox-option input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox-option .custom-checkbox{width:1rem;height:1rem;border:2px solid #046380;border-radius:4px;background-color:#fff;position:relative;cursor:pointer;transition:background-color .2s,border-color .2s}.checkbox-option .custom-checkbox:after{content:"";position:absolute;top:calc(50% - 1px);left:50%;width:6px;height:12px;border:solid #ffffff;border-width:0 3px 3px 0;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center;transition:transform .2s ease-in-out;opacity:0}.checkbox-option input[type=checkbox]:checked+.custom-checkbox{background-color:#046380;border-color:#046380}.checkbox-option input[type=checkbox]:checked+.custom-checkbox:after{opacity:1;transform:translate(-50%,-50%) rotate(45deg)}.checkbox-option input[type=checkbox]:focus+.custom-checkbox{box-shadow:0 0 4px #0077b680}.chip{display:inline-block;width:fit-content;max-width:100%;box-sizing:border-box;padding:4px 1rem;border:2px solid #3fc1c9;border-radius:25px;background:#fff;color:#3fc1c9;transition:background-color .2s,color .2s}.chip.filled{background:#3fc1c9;color:#046380;border-color:#3fc1c9}.chip.filled:hover{border-color:#34b2ba;background-color:#34b2ba;color:#035067}.chip-selector{gap:1rem}.chip-selector>div{cursor:pointer}.chip-selector>div .chip{cursor:pointer}.chip-selector>div .chip:hover{border-color:#2f9fa6;color:#2f9fa6}.chip-selector>div .chip.filled:hover{border-color:#34b2ba;background-color:#34b2ba;color:#035067}.content-status{margin-top:3rem}.content-status .column.error{gap:1rem}.surf-spots-list-view .content-status,.content-container>.content-status{margin-top:2rem}.card,.notification-card{background:#fff;border:1px solid #d9d9d9;border-radius:1rem;padding:1rem;margin:0;cursor:pointer;transition:border-color .2s ease}.card:hover,.notification-card:hover{border-color:#046380}.card h3,.notification-card h3{margin:0 0 .5rem;padding-top:0;margin-top:0}.card .card-image+h3,.notification-card .card-image+h3{margin-top:0}.card p,.notification-card p{margin:.5rem 0;color:#666}.card .card-image,.notification-card .card-image{width:100%;height:200px;overflow:hidden;border-radius:1rem;margin-bottom:1rem;background:#f8fafc}.card .card-image img,.notification-card .card-image img{width:100%;height:100%;object-fit:cover}.card.animate-on-scroll,.animate-on-scroll.notification-card,.card.animate-on-scroll.visible{transition:border-color .2s ease}.card.animate-on-scroll:hover,.animate-on-scroll.notification-card:hover,.card.animate-on-scroll.visible:hover{border-color:#046380}.direction-selector{padding:2rem 0;margin:1rem 0}.direction-selector-wrapper{margin:1rem 0}.direction-selector-help{font-size:.75rem;color:#666;text-align:center;margin:0 0 .5rem;font-style:italic}.direction-selector-compass{position:relative;width:80px;height:80px}.direction-selector-svg{position:absolute;top:0;left:0;pointer-events:none}.direction-selector-button{position:absolute;left:var(--button-left);top:var(--button-top);transform:translate(-50%,-50%);width:26px;height:26px;border:1.5px solid #d9d9d9;border-radius:50%;background:#fff;color:#0d1619;font-size:11px;cursor:pointer;transition:all .2s ease;z-index:2}.direction-selector-button:hover{background:#f0f4f8;border-color:#046380;transform:translate(-50%,-50%) scale(1.2)}.direction-selector-button.start,.direction-selector-button.end,.direction-selector-button.in-range{background:#046380;color:#fff;border-color:#046380;box-shadow:0 2px 6px #04638066;z-index:3}.direction-selector-button:active{transform:translate(-50%,-50%) scale(.9)}@media (max-width: 420px){.form-inline{flex-direction:column}}.direction-selector-wrapper{flex:1;min-width:200px}@media (max-width: 420px){.direction-selector-wrapper{width:100%;min-width:0}}.details{gap:.5rem;padding-right:1rem;align-items:center}.details p{margin:0}.details .label{font-weight:700}.details .value{font-weight:500}.drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:30}.drawer{position:fixed;top:0;width:100%;max-width:444px;height:100%;background:#fff;z-index:50;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;will-change:transform}.drawer.drawer--left{left:0}.drawer.drawer--right{right:0;transform:translate(100%)}.drawer.drawer--open{transform:translate(0);box-shadow:none}.drawer.drawer--swiping{transition:none;transform:translate(var(--drawer-translate-x, 0))}.drawer .drawer-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.drawer .drawer-content::-webkit-scrollbar{width:8px;height:auto}.drawer .drawer-content::-webkit-scrollbar-track{background:transparent}.drawer .drawer-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.drawer .drawer-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}@media (max-width: 768px){.drawer{width:calc(100% - 2rem);max-width:none}}.drawer-header{padding:1rem;height:56px;border-bottom:solid 1px #d9d9d9;flex-shrink:0;background:#fff;gap:1rem}.drawer-header .drawer-title{flex:1;min-width:0;font-size:1.25rem;color:#0d1619;margin:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-header .drawer-actions{align-items:center;gap:4px;flex-shrink:0}.drawer-header .drawer-actions .dropdown-menu-trigger{padding:4px;color:#0d1619}.drawer-header .drawer-actions .dropdown-menu-trigger:focus{outline:1px solid #046380;outline-offset:1px}.drawer-header .drawer-actions .dropdown-menu-trigger svg{width:20px;height:20px}.drawer-header .drawer-close-button{background:none;border:none;color:#0d1619;cursor:pointer;padding:4px;border-radius:50%;transition:background .2s;flex-shrink:0;font-size:1.25rem;width:28px;height:28px}.drawer-header .drawer-close-button:hover,.drawer-header .drawer-close-button:focus{background:#f0f4f8;outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-form-actions{flex-shrink:0;gap:1rem;padding:1rem;background:#fff;flex-wrap:nowrap;width:100%}.drawer-form-actions .button{width:auto;flex:1;min-width:0}body.drawer-open{overflow:hidden}.error-boundary-fallback{flex:1;min-height:40vh;text-align:center;padding:0 1rem}.footer{background:#023d4f;color:#fff;padding:2rem 0}.footer-content{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:2rem;margin-bottom:2rem}@media (max-width: 1024px){.footer-content{grid-template-columns:repeat(3,1fr)}.footer-content .footer-section:first-child{grid-column:1/-1}}@media (max-width: 768px){.footer-content{grid-template-columns:repeat(2,1fr);text-align:center}.footer-content .footer-section:first-child{grid-column:1/-1}}@media (max-width: 480px){.footer-content{grid-template-columns:1fr}.footer-content .footer-section:first-child{grid-column:1}}.footer-section h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#fff}.footer-section h4{font-size:1rem;margin-bottom:1rem;color:#fff}.footer-section p{color:#fffc;line-height:1.5;margin-bottom:1rem;font-size:.875rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fffc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:2rem;text-align:center}.footer-bottom p{color:#ffffffb3;margin:0}.filters-container{height:100%;min-height:0}.filters-content{flex:1;overflow-y:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.filters-content::-webkit-scrollbar{width:8px;height:auto}.filters-content::-webkit-scrollbar-track{background:transparent}.filters-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.filters-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.filters-content .filters-content-section{margin-bottom:2rem}.filters-content .filters-content-section:last-of-type{margin-bottom:1rem}.filters-content .filters-content-title{font-size:.875rem;margin-bottom:1rem;color:#0d1619;border-bottom:1px solid #d9d9d9;padding-bottom:.5rem}.filters-content .filters-content-options{gap:.5rem}.filters-content .filters-content-options .checkbox-option{padding:.5rem;border-radius:1rem;transition:background-color .2s ease}.filters-content .filters-content-options .checkbox-option:hover{background-color:#f0f4f8}.filters-content .filters-content-options .checkbox-option p.bold,.filters-content .filters-content-options .checkbox-option p.filters-content-title{margin-bottom:0;font-size:.875rem;font-weight:400!important}.filters-content .filters-content-options .checkbox-option p.font-small{display:none}header{text-align:center;border-bottom:solid 1px #d9d9d9;padding-left:1rem;height:56px}@media (max-width: 752px){header{padding-left:.5rem}}header .logo{cursor:pointer;padding-bottom:4px}header .logo img{height:56px}.info-message{padding:1rem;margin:1rem 0;border:solid 1px #d9d9d9;border-radius:1rem;gap:.5rem;align-items:flex-start}.info-icon{width:24px;height:24px;flex-shrink:0;margin-top:1px}.info-content{flex-grow:1;overflow-wrap:break-word;display:flex;align-items:center}.loading-container{width:100%;height:100%;min-height:120px}.wave-line{opacity:0;animation:waveFadeIn .5s ease-out forwards}.wave-line[data-wave-index="0"]{animation-delay:0s}.wave-line[data-wave-index="1"]{animation-delay:.1s}.wave-line[data-wave-index="2"]{animation-delay:.2s}.wave-line[data-wave-index="3"]{animation-delay:.3s}.wave-line[data-wave-index="4"]{animation-delay:.4s}@keyframes waveFadeIn{0%{opacity:0;transform:scale(.8)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.menu{position:relative}.menu .desktop-menu{cursor:pointer;margin-right:1px}.menu .desktop-menu .nav-item{align-items:center;gap:.5rem;padding:1rem;max-height:56px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}.menu .desktop-menu .nav-item:hover{background:#f0f4f8;color:#000;transform:scale(1.02);transition:transform .3s ease-in-out;border-bottom:solid 1px #d9d9d9}.menu .menu-icon{margin-bottom:-4px}.menu .profile-menu-wrapper{position:relative;display:flex;align-items:center}.menu .hamburger-icon{flex-direction:column;cursor:pointer;padding:1rem;background:none;border:none;font-family:inherit;transition:transform .2s ease}.menu .hamburger-icon:hover{transform:scale(1.1)}.menu .hamburger-icon span{width:24px;height:2px;background:#046380;margin:2px 0;transition:all .3s ease}.menu .menu-section{border-bottom:1px solid #d9d9d9}.menu .menu-section:last-child{border-bottom:none}.menu .menu-section .menu-section-header{width:100%;padding:1rem 2rem;background:none;border:none;cursor:pointer;font-family:inherit}.menu .menu-section .menu-section-header:hover{background:#f0f4f8}.menu .menu-section .menu-section-header .menu-section-title{font-size:1rem;color:#0d1619}.menu .menu-section .menu-section-header{font-size:1rem;color:#0d1619;transition:background-color .2s ease}.menu .menu-section .menu-section-header .menu-section-icon{width:20px;height:20px;transition:transform .2s ease;color:#666}.menu .menu-section .menu-section-header .menu-section-icon.open{transform:rotate(180deg)}.menu .menu-section .menu-section-content{padding:0 .5rem 1rem}.menu .menu-list{list-style:none;padding:0;margin:0}.menu-drawer-content .menu-section:not(:first-child){border-top:1px solid #f0f0f0}.menu-drawer-content .menu-section .menu-section-header{width:100%;padding:1rem 2rem;background:none;border:none;cursor:pointer;font-family:inherit}.menu-drawer-content .menu-section .menu-section-header:hover{background:#f0f4f8}.menu-drawer-content .menu-section .menu-section-header .menu-section-title{font-size:1rem;color:#0d1619}.menu-drawer-content .menu-section .menu-section-header{transition:background-color .15s ease}.menu-drawer-content .menu-section .menu-section-header .menu-section-icon{width:18px;height:18px;transition:transform .25s cubic-bezier(.4,0,.2,1);color:#666;flex-shrink:0}.menu-drawer-content .menu-section .menu-section-header .menu-section-icon.open{transform:rotate(180deg)}.menu-drawer-content .menu-section .menu-section-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1),opacity .25s ease-out;opacity:0}.menu-drawer-content .menu-section .menu-section-content>div{overflow:hidden;min-height:0}.menu-drawer-content .menu-section .menu-section-content.open{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-in}.menu-drawer-content .menu-list{list-style:none;padding:0;margin:0}.menu-drawer-content .menu-item{height:56px;gap:1rem;align-items:center;padding:1rem 2rem 1rem 3rem;cursor:pointer;transition:background-color .15s ease;position:relative}.menu-drawer-content .menu-item:before{content:"";position:absolute;left:2rem;right:2rem;bottom:0;height:1px;background:#f0f0f0}.menu-drawer-content .menu-item:hover{background:#f0f4f8}.menu-drawer-content .menu-item:last-child:before{display:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.modal-container{background-color:#fff;color:#0d1619;border:1px solid #d9d9d9;border-radius:1rem;padding:1rem;max-width:90%;width:560px;max-height:90vh;overflow:hidden;box-sizing:border-box}.modal-header{flex-shrink:0;padding:0;margin-bottom:0;box-sizing:border-box}.modal-content{gap:1rem;padding:1rem;flex:1;min-height:0;overflow:hidden;box-sizing:border-box}.modal-content h2{margin:0 0 1rem;flex-shrink:0}.modal-content p{margin:0}.modal-content ul{padding-left:1rem}.modal-content .modal-scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.modal-content .modal-scrollable-content::-webkit-scrollbar{width:8px;height:auto}.modal-content .modal-scrollable-content::-webkit-scrollbar-track{background:transparent}.modal-content .modal-scrollable-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.modal-content .modal-scrollable-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.modal-content .modal-footer{flex-shrink:0;margin-top:1rem}.modal-content .modal-footer .button{width:100%;box-sizing:border-box}.modal-actions{gap:1rem;margin-top:2rem;padding-top:1rem;width:100%}.modal-actions .button{width:100%}.info-modal-content h2{margin:0 0 .5rem}.info-modal-content p{margin:0 0 2rem}.page-wrapper{min-height:100vh}.page-wrapper>header,.page-wrapper>footer{flex-shrink:0}.page{flex:1;border:none}.page-content{width:100%;max-width:560px;flex:1}@media (min-width: 1440px){.page-content{max-width:840px}}.page-loading-state{flex:1;width:100%}footer{text-align:center;font-size:.75rem;padding-top:2rem;padding-bottom:.5rem;width:100%}footer.alternate,.page.alternate{color:#fff;background:#046380}footer.alternate h1,footer.alternate h2,footer.alternate h3,.page.alternate h1,.page.alternate h2,.page.alternate h3{color:#fff}.sign-in-providers-container{padding-top:.5rem}.sign-in-providers{gap:1rem;padding:1rem 0}.sign-in-providers button.social-auth-button{width:56px;height:56px;border-radius:50%;box-shadow:none;background:#fff;color:#046380;border:1px solid #d9d9d9;padding:.8rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.sign-in-providers button.social-auth-button:hover{background:#f8fafc;border-color:#046380;box-shadow:none;transform:translateY(-1px) scale(1.03)}.sign-in-providers button.social-auth-button .button-content{width:100%;height:100%}.sign-in-providers button.social-auth-button .button-content svg,.sign-in-providers button.social-auth-button .button-content img{width:24px;height:24px;flex-shrink:0;object-fit:contain}.skeleton-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#d9d9d9;border-radius:1rem;animation:pulse-opacity 2s infinite;pointer-events:none}@media (max-width: 640px){.skeleton-loader{border-radius:0}}@keyframes pulse-opacity{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links .social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#0463801a;border-radius:50%;transition:all .3s ease;text-decoration:none}.social-links .social-link:hover{background:#04638033;transform:translateY(-2px)}.social-links .social-link svg{width:20px;height:20px;color:#046380}.footer .social-links{justify-content:center}.footer .social-links .social-link{background:#fff;box-shadow:0 2px 4px #0000001a}.footer .social-links .social-link:hover{background:#3fc1c9;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.footer .social-links .social-link svg{color:#046380}.footer .social-links .social-link:hover svg{color:#fff}.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-bottom-left{display:none}.mapboxgl-marker{cursor:pointer}.static-map .mapboxgl-marker{cursor:auto}.map-wrapper,.find-spot-map{padding-bottom:2rem}@media (max-width: 640px){.map-wrapper,.find-spot-map{padding-bottom:0;margin-left:-1rem;margin-right:-1rem}}.map-wrapper.h-full,.h-full.find-spot-map{flex:1;min-height:0;margin-bottom:0;overflow:hidden}.map-wrapper.h-full .map-container,.h-full.find-spot-map .map-container{width:100%;height:100%;flex:1;min-height:0;overflow:hidden;aspect-ratio:unset}.map-container{position:relative;aspect-ratio:16/9;width:100%;height:100%;min-height:320px;overflow:hidden;border-radius:1rem}.map-container.border{border:solid 1px #d9d9d9}@media (max-width: 430px){.map-container.border{border:0;border-top:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9}}@media (max-width: 640px){.map-container{border-radius:0;margin:0}}.map{width:100%;height:100%;opacity:0;transition:opacity .4s ease-in;touch-action:manipulation}.map-visible{opacity:1}ellipse{display:none}.find-spot-map{margin-top:2rem;margin-bottom:.5rem}@media (max-width: 640px){.find-spot-map{margin-top:1rem}}@media (max-width: 435px){.find-by-location{margin-top:1rem}}.map-spots-error-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#ffffffeb;padding:1rem;text-align:center}.map-spots-error-overlay .ph{max-width:280px}.map-error-retry-wrap{justify-content:center}.map-error-retry-wrap .button{width:auto}.map-instructions-overlay{position:absolute;margin:0 auto;text-align:center;bottom:.5rem;left:0;right:0;width:fit-content;z-index:10;background:#fff;font-size:.75rem;padding:.5rem 1rem;border-radius:6px;box-shadow:0 2px 8px #0000001a}@media (max-width: 640px){.map-instructions-overlay{max-width:340px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.actions{flex-wrap:wrap;width:100%}.actions button.text-button{flex-shrink:0;flex-grow:0;justify-content:flex-start}@media (max-width: 640px){.actions{gap:.5rem}.actions button.text-button{padding:.5rem;width:auto;min-width:auto}}.benefits-list{padding:0;list-style-type:disc}.benefits-list li{align-items:center;color:#046380;margin:1rem}.note-form-container{height:100%;min-height:0}.note-form-content{flex:1;overflow-y:auto;padding:2rem;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.note-form-content::-webkit-scrollbar{width:8px;height:auto}.note-form-content::-webkit-scrollbar-track{background:transparent}.note-form-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.note-form-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.surf-session-page .surf-session-lead{margin:0 0 1rem;line-height:1.55;max-width:40rem}.surf-session-page .surf-session-section-title{margin:1rem 0 .5rem;font-size:1.25rem;color:#333}.surf-session-page .surf-session-thank-you{text-align:center;gap:1rem;padding:1rem 0}.surf-session-page .surf-session-thank-you-icon{color:green}.surf-session-page .surf-session-thank-you-icon svg{transform:scale(2)}.surf-session-page .surf-session-thank-you-sub{color:#666}.surf-session-page .surf-session-thank-you-actions{margin-top:.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;align-items:center}.surf-session-page .surf-session-thank-you-actions .button.surf-session-thank-you-actions__btn{width:auto;min-width:0;flex:0 1 auto;padding-left:2rem;padding-right:2rem}.session-log-card{border:1px solid #d9d9d9;border-radius:1rem;background:#fff;overflow:hidden}.session-log-card-row{display:flex;align-items:stretch;gap:0;min-height:3.25rem}.session-log-card-toggle{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem .5rem 1rem 1rem;margin:0;border:none;background:#f8fafc;text-align:left;cursor:pointer;font:inherit;color:inherit}.session-log-card-toggle:hover{background:color-mix(in srgb,#f8fafc 85%,#046380 15%)}.session-log-card-toggle:focus-visible{outline:2px solid #046380;outline-offset:-2px}.session-log-card-chevron{display:flex;align-items:center;justify-content:center;color:#666;transition:transform .2s ease}.session-log-card-chevron svg{width:1.1rem;height:1.1rem}.session-log-card-chevron-open{transform:rotate(180deg)}.session-log-card-primary{display:flex;flex-direction:column;gap:2px;min-width:0}.session-log-card-spot{font-size:1rem;font-weight:600;color:#333;line-height:1.3}.session-log-card-date{font-size:.875rem;line-height:1.35}.session-log-card-status{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:1rem;min-width:0;max-width:100%}.session-log-card-badge{flex-shrink:0;font-size:.875rem;font-weight:600;padding:2px .5rem;border-radius:25px;white-space:nowrap}.session-log-card-badge-good{background:color-mix(in srgb,green 18%,transparent);color:green}.session-log-card-badge-ok{background:color-mix(in srgb,#666666 12%,transparent);color:#0d1619}.session-log-card-badge-tough{background:color-mix(in srgb,#b22222 14%,transparent);color:#b22222}.session-log-card-badge-unset{background:color-mix(in srgb,#666666 10%,transparent);color:#666}.session-log-card-meta{flex:1 1 auto;min-width:0;font-size:.875rem;line-height:1.3;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-log-card-link{display:flex;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:600;color:#046380;text-decoration:none;border-left:1px solid #f0f0f0;white-space:nowrap}.session-log-card-link:hover{text-decoration:underline}.session-log-card-link:focus-visible{outline:2px solid #046380;outline-offset:-4px}.session-log-card-panel{padding:1rem 1rem 2rem;border-top:1px solid #f0f0f0;background:#fff}.session-log-card-dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;row-gap:1rem}.session-log-card-dl-row{display:grid;grid-template-columns:minmax(5.5rem,7.5rem) minmax(0,1fr);gap:.5rem 1rem;align-items:baseline;font-size:.875rem;min-width:0}.session-log-card-dl-row dt{margin:0;color:#666;font-weight:600}.session-log-card-dl-row dd{margin:0;color:#0d1619;line-height:1.45;min-width:0;overflow-wrap:break-word;word-break:normal}.session-log-card-notes{grid-column:1/-1;margin-top:.5rem;padding-top:1rem;border-top:1px dashed #f0f0f0}.session-log-card-notes dt{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#666}.session-log-card-notes-body{margin:0;font-size:1rem;line-height:1.5;color:#0d1619;white-space:pre-wrap}@media (max-width: 36rem){.session-log-card-toggle{grid-template-columns:auto 1fr;grid-template-rows:auto auto;row-gap:.5rem;align-items:start}.session-log-card-chevron{grid-row:1/span 2;align-self:center}.session-log-card-primary{grid-column:2;grid-row:1}.session-log-card-status{grid-column:2;grid-row:2;justify-content:space-between;flex-wrap:nowrap;width:100%;max-width:100%}.session-log-card-row{flex-direction:column}.session-log-card-link{border-left:none;border-top:1px solid #f0f0f0;justify-content:center;padding:.5rem 1rem}.session-log-card-dl{grid-template-columns:1fr}.session-log-card-dl-row{grid-template-columns:auto minmax(0,1fr);gap:.5rem 1rem;align-items:baseline}}.selection-modal{flex:1;min-height:0}.selection-modal .selection-header{margin-bottom:1rem;flex-shrink:0}.selection-modal .selection-header h2{margin-bottom:.5rem}.selection-modal .selection-header .selection-description{margin-bottom:0;color:#666}.selection-modal .selection-loading{padding:3rem;text-align:center;min-height:200px}.selection-modal .selection-content{flex:1;min-height:0;overflow:hidden}.selection-modal .selection-list{gap:.5rem;margin:1rem 0;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:1rem;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.selection-modal .selection-list::-webkit-scrollbar{width:8px;height:auto}.selection-modal .selection-list::-webkit-scrollbar-track{background:transparent}.selection-modal .selection-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.selection-modal .selection-list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.selection-modal .selection-item{width:100%;padding:1rem;background:#f8fafc;border:1px solid #d9d9d9;border-radius:1rem;gap:.5rem}.selection-modal .selection-item .selection-item-content{width:100%}.selection-modal .selection-item .selection-item-header{align-items:flex-start;gap:1rem;width:100%}.selection-modal .selection-item .selection-item-header .selection-item-info{flex:1;min-width:0;gap:4px}.selection-modal .selection-item .selection-item-header .selection-item-name{font-size:1rem;color:#0d1619;margin:0;word-break:break-word}.selection-modal .selection-item .selection-item-header .selection-item-subtitle{font-size:.875rem}.selection-modal .selection-item .selection-item-header .selection-item-action{flex-shrink:0}.selection-modal .selection-item .selection-item-metadata{font-size:.875rem;margin:0}.selection-modal .selection-item p{margin:0}.selection-modal .selection-empty-state{text-align:center;padding-top:1rem}.selection-modal .selection-empty-state .selection-empty-title{color:#0d1619}.selection-modal .selection-empty-state .selection-empty-description{margin-bottom:1rem;max-width:400px;margin-left:auto;margin-right:auto}.selection-modal .selection-actions{gap:1rem;width:100%;flex-shrink:0}.selection-modal .selection-actions .button{width:auto;min-width:200px;padding:0 2rem}.surf-spot-wizard-stepper{margin-top:2rem;margin-bottom:1rem;width:100%}@media (max-width: 768px){.surf-spot-wizard-stepper{padding:0 .5rem}}.surf-spot-wizard-stepper-nodes{align-items:flex-start;width:100%;min-width:100%}.surf-spot-wizard-stepper-slot,.surf-spot-wizard-stepper-sep{flex:1;min-width:0}.surf-spot-wizard-stepper-sep{align-items:center;align-self:flex-start;margin-top:11px}.surf-spot-wizard-stepper-sep-line{width:100%;height:2px;background:#d9d9d9;opacity:.6;margin:0 .5rem;box-sizing:border-box}.surf-spot-wizard-stepper-node{align-items:center;gap:.5rem;flex-shrink:0}.surf-spot-wizard-stepper-node-circle{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid #d9d9d9;color:#666;font-size:.75rem;flex-shrink:0;transition:border-color .2s ease,background .2s ease,color .2s ease}.surf-spot-wizard-stepper-node-circle svg{width:12px;height:12px}.surf-spot-wizard-stepper-node.completed .surf-spot-wizard-stepper-node-circle{border-color:#046380;background:#046380;color:#fff}.surf-spot-wizard-stepper-node.current .surf-spot-wizard-stepper-node-circle{border-color:#046380;background:#046380;color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 5px #046380}.surf-spot-wizard-stepper-node-label{font-size:.75rem;color:#0d1619;font-weight:400}.surf-spot-wizard-stepper-node.current .surf-spot-wizard-stepper-node-label{font-weight:700}@media (max-width: 767px){.surf-spot-wizard-stepper-node:not(.current) .surf-spot-wizard-stepper-node-label{display:none}}.surf-spot-form-basics-spacer{margin-top:2rem}.surf-spot-wizard-nav{gap:1rem;margin-top:2rem;margin-bottom:2rem}.surf-spot-wizard-arrow{min-width:48px;min-height:48px;padding:0;border-radius:50%;border:2px solid #046380;background:transparent;color:#046380}.surf-spot-wizard-arrow:hover:not(:disabled){background:#046380;color:#fff}.surf-spot-wizard-arrow:hover:not(:disabled) svg{stroke:#fff}.surf-spot-wizard-arrow:disabled{opacity:.5;cursor:not-allowed;background:transparent!important;color:#046380!important}.surf-spot-wizard-arrow-next{margin-left:auto}.surf-spot-wizard-arrow-back{margin-right:auto}.spot-type .type-badge{background:#046380;color:#fff;padding:.5rem 1rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.surf-spot-form-success-page{min-height:100vh}.surf-spot-form-success-wrapper{flex:1;justify-content:center}.surf-spot-form-success{gap:2rem}.surf-spot-form-success .surf-spot-form-success-icon{color:green}.surf-spot-form-success .surf-spot-form-success-icon svg{transform:scale(2)}.surf-spot-form-success .surf-spot-form-success-message{margin:0;text-align:center}.surf-spot-form-success .surf-spot-form-success-subtext{margin:0;text-align:center;color:#666}.surf-spot-form-success .surf-spot-form-success-actions{flex-wrap:wrap;gap:1rem;margin-top:1rem}.surf-spot-form-success .surf-spot-form-success-actions .button{width:auto;flex:0 0 auto}.surf-spot-form-error-state.surf-spot-form-success{gap:2rem}.surf-spot-form-error-state-icon{color:#b22222}.surf-spot-form-error-state-icon svg{transform:scale(1)}.surf-spot-form-error-state-message{margin:0;text-align:center}.surf-spot-form-error-state-actions{flex-wrap:wrap;gap:1rem;margin-top:1rem}.surf-spot-form-error-state-actions .button{width:auto;flex:0 0 auto}.surf-spot-container{overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.875rem;scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}.surf-spot-container::-webkit-scrollbar{height:4px;width:auto}.surf-spot-container::-webkit-scrollbar-track{background:transparent}.surf-spot-container::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:4px}.surf-spot-container::-webkit-scrollbar-thumb:hover{background-color:silver}.surf-spot-table{max-width:100%;width:100%;border-collapse:collapse;margin-bottom:.5rem;overflow-x:scroll}.surf-spot-table th,.surf-spot-table td{padding:.5rem;text-align:left;white-space:nowrap}.surf-spot-table thead tr{border-bottom:solid 2px #d9d9d9}.surf-spot-table tr{border-bottom:solid 1px #d9d9d9}.surf-spot-table tbody tr:hover{color:#069cca;cursor:pointer}td.center-td,th.center-td{text-align:center}.surf-spot-preview{width:100%;box-sizing:border-box}.surf-spot-preview .surf-spot-preview-content{padding:1rem 2rem 3rem}.surf-spot-preview .surf-spot-preview-novelty{margin-bottom:1rem}.surf-spot-preview .surf-spot-preview-novelty .chip{display:inline-block;width:auto}.surf-spot-preview .preview-section{padding-bottom:1rem}.surf-spot-preview .preview-section .details{margin-bottom:2px;padding:2px 0}.surf-spot-preview .preview-section .details .label{font-size:.875rem;color:#666;min-width:90px}.surf-spot-preview .preview-section .details .value{font-size:.875rem;color:#0d1619}.surf-spot-preview .preview-section .condition-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:2px 0}.surf-spot-preview .preview-subtitle{color:#333;font-size:1rem;margin-top:.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #d9d9d9}.surf-spot-preview .surf-spot-preview-link{cursor:pointer;font-size:.875rem;margin:0 0 2rem}button.text-button{background:none;border:none;cursor:pointer;padding:.5rem 1rem;border-radius:25px;transition:all .2s ease;white-space:nowrap}button.text-button .text-button-icon{width:24px;height:24px;border-radius:50%}button.text-button .text-button-icon svg{width:1rem;height:1rem}button.text-button .text-button-icon.icon-chevron-left svg{width:20px;height:20px}button.text-button .text-button-icon.filled{background:#046380;color:#fff;box-shadow:none}button.text-button .text-button-icon.filled svg{stroke:#fff}button.text-button .text-button-icon.danger svg{stroke:#b22222}button.text-button .text-button-icon.danger.filled{background:#b22222;color:#fff}button.text-button .text-button-icon.danger.filled svg{stroke:#fff}button.text-button:not(:disabled):hover{background-color:#f0f4f8;color:#000;transform:scale(1.02);transition:transform .2s ease-in-out}button.text-button:disabled{color:#d7d7d7;cursor:not-allowed}button.text-button:disabled span.text-button-icon{opacity:.6}button.text-button.loading{position:relative;pointer-events:none}button.text-button.loading .text-button-content{visibility:hidden}button.text-button.loading .button-loading-spinner{position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px}button.text-button .text-button-content{display:inline-flex;align-items:center;gap:.5rem;min-width:0}button.text-button .button-loading-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:buttonSpinner .6s linear infinite;flex-shrink:0;vertical-align:middle;line-height:1;opacity:1}button.text-button span{font-size:.875rem}button.text-button .text-button-badge{display:inline-block;min-width:20px;height:20px;padding:0 6px;background:#3fc1c9;color:#046380;font-weight:700;border-radius:10px;margin-left:8px;text-align:center;line-height:20px;vertical-align:middle}@media (max-width: 420px){.toolbar-add{display:none}}.floating-add-button{display:none}@media (max-width: 420px){.floating-add-button{display:block;position:fixed;bottom:calc(80px + 1rem);right:1rem;z-index:10}body.drawer-open .floating-add-button{pointer-events:none}}.toolbar{padding:1rem .5rem;border-bottom:1px solid #d9d9d9}.toolbar.toolbar--map-view{border-bottom:none}.floating-trip-planner-button{position:fixed;bottom:1rem;right:1rem;z-index:10}body.drawer-open .floating-trip-planner-button{pointer-events:none}.view-switch{cursor:pointer;border-radius:25px;border:solid 1px #dddddd;background:#f8fafc;padding:.5rem 1rem}.view-switch:hover{background:#edf2f7;border-color:#c4c4c4;transform:scale(1.03);transition:transform .2s ease-in-out}.view-switch .view-switch-label{color:#666;transition:color .3s}.view-switch .view-switch-label.active{color:#046380;font-weight:700}.view-switch .separator{margin:0 1rem;border:solid 1px #d9d9d9}.feed-item{background:#fff;border-radius:1rem;box-shadow:none;border:1px solid #f0f0f0;margin-bottom:2rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.feed-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.feed-item .feed-item-link-wrapper{text-decoration:none;color:inherit;display:block;cursor:pointer}.feed-item-banner{width:100%;height:200px;background-image:var(--banner-image);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.feed-item-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000,#0000004d);z-index:1}.feed-item-banner-overlay{position:absolute;top:1rem;right:1rem;z-index:2}.feed-item-badge{background:#fffffff2;padding:.5rem 1rem;border-radius:25px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00000026}.feed-item[data-type=event] .feed-item-badge{color:#3fc1c9}.feed-item[data-type=swell] .feed-item-badge{color:#046380}.feed-item[data-type=promotion] .feed-item-badge{color:#ff9800}.feed-item[data-type=hazard] .feed-item-badge{color:#b22222}.feed-item-body{padding:2rem}.feed-item-header{align-items:center;gap:1rem;margin-bottom:1rem}.feed-item-icon{width:48px;height:48px;border-radius:50%;flex-shrink:0}.feed-item-icon svg{width:24px;height:24px}.feed-item[data-type=event] .feed-item-icon{background-color:#e2f6f7}.feed-item[data-type=event] .feed-item-icon svg{stroke:#3fc1c9;fill:#3fc1c9}.feed-item[data-type=swell] .feed-item-icon{background-color:#d9e8ec}.feed-item[data-type=swell] .feed-item-icon svg{stroke:#046380}.feed-item[data-type=promotion] .feed-item-icon{background-color:#fff0d9}.feed-item[data-type=promotion] .feed-item-icon svg{stroke:#ff9800;fill:#ff9800}.feed-item[data-type=hazard] .feed-item-icon{background-color:#f3dede}.feed-item[data-type=hazard] .feed-item-icon svg{stroke:#b22222;fill:#b22222}.feed-item-meta{gap:4px;flex:1}.feed-item-location{font-size:.875rem;color:#333}.feed-item-time{font-size:.75rem;color:#666}.feed-item-content{margin-top:.5rem}.feed-item-title{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 1rem;line-height:1.3}.feed-item-description{font-size:1rem;color:#0d1619;line-height:1.7;margin:0 0 2rem}.feed-item-cta{display:inline-block;font-size:1rem;color:#046380;font-weight:700;margin-top:.5rem;transition:color .2s ease,transform .2s ease}.feed-item:hover .feed-item-cta{color:#3fc1c9;transform:translate(4px)}.date-picker-wrapper{position:relative}.date-input-container{position:relative;display:flex;align-items:center}.date-input{width:100%;border:1px solid #d9d9d9;border-radius:1rem;padding:.5rem;padding-right:40px;font-size:1rem;line-height:1.5;box-sizing:border-box;height:40px;cursor:pointer;background-color:#fff}.date-input:focus{border-color:#046380;box-shadow:0 0 4px #0077b680;outline:none}.date-input:disabled{background:#d7d7d7;opacity:.4;cursor:not-allowed}.date-picker-toggle{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;padding:.5rem;color:#666;transition:color .2s ease}.date-picker-toggle:hover:not(:disabled){color:#046380}.date-picker-toggle:disabled{opacity:.4;cursor:not-allowed}.date-picker-toggle svg{width:20px;height:20px}.date-picker-calendar{position:absolute;top:calc(100% + .5rem);left:0;z-index:1000;background:#fff;border:1px solid #d9d9d9;border-radius:1rem;box-shadow:none;padding:1rem;width:300px;box-sizing:border-box}.date-picker-header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #d9d9d9}.date-picker-nav-group{display:flex;align-items:center;gap:2px}.date-picker-nav{background:none;border:none;cursor:pointer;font-size:1.25rem;color:#0d1619;padding:.5rem;width:28px;height:28px;border-radius:1rem;transition:background-color .2s ease}.date-picker-nav:hover{background-color:#f0f4f8}.date-picker-nav:focus-visible{outline:2px solid #046380;outline-offset:-2px}.date-picker-month-year{font-size:1rem;color:#0d1619}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:.5rem}.date-picker-weekday{text-align:center;font-size:.875rem;color:#666;padding:4px;min-width:32px}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.date-picker-day{background:none;border:none;cursor:pointer;padding:0;font-size:1rem;color:#0d1619;border-radius:1rem;transition:all .2s ease;aspect-ratio:1;min-width:32px}.date-picker-day:hover:not(.disabled):not(.selected):not(.start-date){background-color:#f0f4f8}.date-picker-day.selected,.date-picker-day.start-date{background-color:#046380;color:#fff}.date-picker-day.selected:hover,.date-picker-day.start-date:hover{background-color:#023d4f}.date-picker-day.in-range{background-color:#0463801a;color:#046380}.date-picker-day.disabled{color:#545454;cursor:not-allowed;opacity:.4}.date-picker-day.empty{cursor:default;pointer-events:none}.date-picker-day:focus:not(.disabled){outline:2px solid #046380;outline-offset:2px}.form-item.error .date-input{border-color:#d9d9d9;box-shadow:0 0 4px #b22222}.dropdown-menu-wrapper{position:relative;display:inline-block}.dropdown-menu-trigger{background:none;border:none;cursor:pointer;padding:.5rem;color:#0d1619;transition:color .2s ease;border-radius:25px}.dropdown-menu-trigger:hover{background:#f0f4f8;color:#046380}.dropdown-menu-trigger:focus-visible{outline:2px solid #046380;outline-offset:2px}.dropdown-menu-trigger:focus:not(:focus-visible){outline:none}.dropdown-menu-trigger svg{width:20px;height:20px}.dropdown-menu-trigger.nav-item{padding:1rem;max-height:56px;font-family:inherit;font-size:inherit;color:inherit;border-radius:0}.dropdown-menu-trigger.nav-item svg{width:24px;height:24px}.dropdown-menu{position:absolute;top:calc(100% + .5rem);z-index:10000;background:#fff;border:1px solid #d9d9d9;border-radius:1rem;box-shadow:none;min-width:280px;padding:.5rem 0}.dropdown-menu.align-right{right:0}.dropdown-menu.align-left{left:0}.dropdown-menu-item{align-items:center;gap:1rem;width:100%;padding:.5rem 1rem;background:none;border:none;text-align:left;cursor:pointer;color:#0d1619;font-size:1rem;transition:background-color .2s ease}.dropdown-menu-item:hover:not(.disabled){background:#f0f4f8}.dropdown-menu-item:focus-visible{outline:2px solid #046380;outline-offset:-2px}.dropdown-menu-item:focus:not(:focus-visible){outline:none}.dropdown-menu-item.disabled{opacity:.5;cursor:not-allowed}.dropdown-menu-item svg{width:18px;height:18px;flex-shrink:0}.dropdown-menu-item span{flex:1}.empty-state{text-align:center;padding:3rem;margin-top:1rem;background:#fff;border-radius:1rem;box-shadow:none;border:1px solid #f0f0f0}@media (max-width: 768px){.empty-state{padding:2rem 1rem}}.empty-state .empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;margin-bottom:1rem;border-bottom:none;padding-bottom:0}.empty-state p{color:#666;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.empty-state .empty-actions .button{max-width:300px;white-space:normal;word-wrap:break-word;padding:1rem .5rem}@media (max-width: 768px){.empty-state .empty-actions .button{max-width:240px;padding:1rem}}button.floating-button{position:relative;background:#fff;border:none;cursor:pointer;box-shadow:none;border-radius:50%;transition:all .2s ease;padding:0}button.floating-button.large{width:64px;height:64px}button.floating-button.large .floating-button-icon{width:40px;height:40px}button.floating-button.large .floating-button-icon svg{width:24px;height:24px}button.floating-button.medium{width:56px;height:56px}button.floating-button.medium .floating-button-icon{width:32px;height:32px}button.floating-button.medium .floating-button-icon svg{width:20px;height:20px}button.floating-button .floating-button-icon{background:#046380;color:#fff;border-radius:50%;flex-shrink:0}button.floating-button .floating-button-icon svg{stroke:#fff}button.floating-button .floating-button-spinner{width:24px;height:24px;border:2px solid #046380;border-top-color:transparent;border-radius:50%;animation:buttonSpinner .6s linear infinite}button.floating-button .floating-button-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:#3fc1c9;color:#046380;font-weight:700;font-size:.875rem;border-radius:10px;text-align:center;line-height:1;box-shadow:none}button.floating-button:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026}button.floating-button:active{transform:scale(.98)}button.floating-button:disabled{opacity:.6;cursor:not-allowed}button.floating-button:disabled:hover{transform:none}@keyframes buttonSpinner{to{transform:rotate(360deg)}}.media-upload-container{margin-top:1rem}.media-upload-card{border:2px dashed #d9d9d9;border-radius:1rem;padding:3rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#fff;min-height:200px}.media-upload-card:hover:not(.disabled){border-color:#046380;background:#f8fafc}.media-upload-card.dragging{border-color:#046380;background:#0463800d;border-style:solid}.media-upload-card.disabled{opacity:.6;cursor:not-allowed}.media-upload-input-hidden{display:none}.media-upload-content{align-items:center;gap:1rem}.media-upload-icon{width:64px;height:64px;border-radius:50%;background:#f8fafc;color:#046380}.media-upload-icon svg{width:32px;height:32px}.media-upload-text{font-size:1rem;color:#333;margin:0}.media-upload-hint{font-size:.875rem;color:#666;margin:0}.toast{align-items:center;gap:.5rem;border-radius:1rem;box-shadow:none;padding:1rem;min-width:280px;max-width:400px;animation:toastSlideIn .3s cubic-bezier(.25,.46,.45,.94) forwards;position:relative}.toast--success{background:#d4edda;color:#0f5132;border:1px solid #badbcc}.toast--error{background:#f8d7da;color:#58151c;border:1px solid #f1aeb5}.toast--info{background:#cff4fc;color:#055160;border:1px solid #b6effb}.toast--warning{background:#fff3cd;color:#664d03;border:1px solid #ffecb5}.toast-icon{flex-shrink:0;width:24px;height:24px}.toast-content{flex:1;gap:.5rem}.toast-message{font-size:1rem;line-height:1.5;word-wrap:break-word;color:inherit}.toast-close{background:transparent;border:none;color:inherit;opacity:.7;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;width:24px;height:24px;min-width:24px;flex-shrink:0;transition:opacity .2s ease}.toast-close:hover{opacity:1}.toast-close:focus{outline:2px solid currentColor;outline-offset:2px;border-radius:2px;opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast.toast--removing{animation:toastSlideOut .2s cubic-bezier(.25,.46,.45,.94) forwards}.toast-container{gap:.5rem;position:fixed;top:calc(56px + 1rem);right:1rem;z-index:9999;pointer-events:none}.toast-container .toast{pointer-events:auto}@media (max-width: 640px){.toast-container{left:1rem;right:1rem;top:calc(56px + .5rem)}.toast-container .toast{max-width:100%}}.list-item{padding-bottom:.5rem}.list-map{flex-wrap:wrap;align-items:center}.list-map a{padding-bottom:1rem;padding-right:1rem}h2{font-size:1.25rem;margin-bottom:1rem}.surf-spots-content-body,.surf-spots-list-content{min-height:0}.content .surf-spots h2{font-size:1.25rem;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #046380}.spot-details{justify-content:space-around;align-items:center;border:solid 1px #d9d9d9;border-radius:1rem;padding:2rem 1rem;margin-bottom:2rem}.spot-details p{margin-bottom:0}.info-page-content{padding:2rem 1rem 3rem;max-width:800px;width:100%;margin:0 auto}@media (max-width: 768px){.info-page-content{padding:2rem .5rem}}.info-page-content .back-nav{margin-bottom:1rem}.info-page-content .page-title-with-status{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.info-page-content .page-title-with-status h1{margin:0}@media (max-width: 768px){.info-page-content .page-title-with-status{flex-wrap:wrap;align-items:flex-start}}.info-page-content.map-content{padding:2rem 0}.info-page-content .content .page-title-with-status{align-items:center;gap:1rem;margin-bottom:0}.info-page-content .content .page-title-with-status h1{margin:0}@media (max-width: 768px){.info-page-content .content .page-title-with-status{flex-wrap:wrap;align-items:flex-start}}.info-page-content h1{font-size:2rem;font-weight:700;margin-bottom:1rem}.info-page-content h2{margin:2rem 0}.info-page-content h3{font-size:1.25rem;padding-bottom:.5rem;border-bottom:2px solid #046380}.info-page-content section{margin-bottom:3rem}.info-page-content section:last-child{margin-bottom:0}.info-page-content section .empty-state h3{border-bottom:none;padding-bottom:0;margin-top:0}.info-page-content .description{font-size:1rem;line-height:1.6;color:#0d1619;margin-bottom:2rem}.info-page-content .spot-actions{gap:.5rem;flex-wrap:wrap}@media (max-width: 768px){.info-page-content .spot-actions{margin-bottom:1rem}}.info-page-content ul,.info-page-content ol{line-height:1.6;padding-left:2rem;margin-bottom:1rem}.info-page-content li{margin-bottom:.5rem}@media (max-width: 768px){.info-page-content .row.space-between{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0}.info-page-content .row.space-between h1{width:100%;margin-right:0;flex:none}}.hero-section{text-align:center;padding:3rem 0;margin-bottom:2rem}.hero-section h1{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#333}.hero-subtitle{font-size:1.25rem;color:#666;line-height:1.6;max-width:600px;margin:0 auto}.spots-section,.notifications-section,.recent-spots-section{margin-bottom:3rem}.spots-section h2,.notifications-section h2,.recent-spots-section h2{font-size:1.25rem;margin-bottom:1rem}.page-not-found-container{min-height:calc(100vh - 120px)}.page-header,.surfboards-header,.trips-header{margin-bottom:2rem}.page-header h1,.surfboards-header h1,.trips-header h1{margin:0;white-space:nowrap}@media (max-width: 768px){.page-header,.surfboards-header,.trips-header{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem}.page-header h1,.surfboards-header h1,.trips-header h1{width:100%;flex:none}}.page-empty,.surfboards-empty,.trips-empty{text-align:center;padding:3rem 0;color:#666}.page-grid,.trips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}@media (max-width: 768px){.page-grid,.trips-grid{grid-template-columns:1fr}}.page-card,.surfboard-card,.trip-card{background:#fff;border:1px solid #d9d9d9;border-radius:1rem;padding:1rem;cursor:pointer;transition:transform .2s ease}.page-card:hover,.surfboard-card:hover,.trip-card:hover{transform:scale(1.03)}.page-card h3,.surfboard-card h3,.trip-card h3{margin:0 0 .5rem}.page-card p,.surfboard-card p,.trip-card p{margin:.5rem 0;color:#666}.page-actions,.surfboard-actions{gap:.5rem;flex-shrink:0}.form-actions{gap:.5rem;justify-content:flex-end;margin-top:1rem}.form-row,.form-inline{gap:.5rem;align-items:flex-start}@media (max-width: 768px){.form-row,.form-inline{flex-direction:column}}.form-row .form-item,.form-inline .form-item{flex:1;min-width:0;margin-bottom:0}.landing-page{width:100%;margin:0;padding:0;font-family:inherit;min-height:100vh}.landing-page .main-content{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{min-height:100vh;background:linear-gradient(135deg,#046380,#022a36);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="waves" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M0 50 Q25 40 50 50 T100 50 V100 H0 Z" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23waves)"/></svg>');opacity:.3}.hero>*{position:relative;z-index:2}.hero{display:flex;align-items:center;color:#fff;padding:2rem 0}@media (max-width: 768px){.hero{padding:3rem 1rem;align-items:flex-start}}@media (max-width: 480px){.hero{padding:2rem .5rem}}.hero-container{width:100%;position:relative;z-index:2}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;align-items:center;text-align:center;gap:2rem;padding:0 1rem;width:100%}}.hero-text{align-items:flex-start}@media (max-width: 768px){.hero-text{align-items:center}}.hero-text h1{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:2rem;color:#fff}@media (max-width: 768px){.hero-text h1{font-size:2rem;margin-bottom:1rem}}@media (max-width: 480px){.hero-text h1{font-size:1.5rem}}.hero-text p{font-size:1.25rem;line-height:1.6;margin-bottom:3rem;opacity:.95}@media (max-width: 768px){.hero-text p{font-size:1rem;margin-bottom:2rem}}.hero-subtext{font-size:1rem;line-height:1.5;margin-bottom:2rem;opacity:.9}@media (max-width: 768px){.hero-subtext{font-size:.875rem;margin-bottom:1rem}}.hero-cta{gap:1rem;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.hero-cta .button{padding:1rem 2rem}@media (max-width: 768px){.hero-cta{justify-content:center;margin-top:1rem}}.hero-logo{width:320px;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}@media (max-width: 768px){.hero-logo{margin-bottom:1rem}}@media (max-width: 480px){.hero-logo{width:240px}}.features{padding:6rem 0;background:#fff}.features-alt{background:#eef2f7}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}@media (max-width: 768px){.section-header h2{font-size:2rem}}.section-header p{font-size:1.125rem;color:#666;max-width:600px;margin:0 auto}.features-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.features-grid{flex-direction:column}}.feature-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #f0f0f0;transition:all .3s ease;text-align:center;max-width:350px;flex-shrink:0}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0000001a}.feature-card h3{font-size:1.25rem;margin:1rem 0}.feature-card p{color:#666;line-height:1.6}.feature-icon{display:flex;justify-content:center;margin-bottom:1rem}.feature-icon svg{width:48px;height:48px}.how-it-works{padding:6rem 0;background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3rem}@media (max-width: 768px){.steps{grid-template-columns:1fr;gap:2rem}}.step{text-align:center}.step .step-number{width:60px;height:60px;background:#046380;color:#fff;border-radius:50%;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem}.step h3{font-size:1.5rem;margin-bottom:1rem}.step p{color:#666;line-height:1.6}.cta{padding:6rem 0;background:#046380;color:#fff;text-align:center}.cta h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem}@media (max-width: 768px){.cta h2{font-size:1.5rem}}.cta p{font-size:1.125rem;margin-bottom:2.5rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-buttons .button{width:auto;padding:1rem 2rem;min-width:240px}.content h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden}.content h3,.drawer-content h3{font-size:1.25rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #046380}.content section{margin-bottom:2rem}.content section:last-child{margin-bottom:0}.content .description{font-size:1rem;line-height:1.6;color:#0d1619;margin-bottom:2rem}.content .row.spot-details{margin-bottom:2rem}.best-conditions{gap:2rem;border:solid 1px #d9d9d9;border-radius:1rem;padding:2rem;padding-right:0;margin-bottom:2rem}@media (min-width: 768px){.best-conditions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.best-conditions:has(>:nth-child(odd):last-child)>:last-child{grid-column:1/-1;justify-self:center;max-width:fit-content}}.best-conditions-item{display:flex;align-items:center;gap:1rem}.best-conditions-item .details,.best-conditions-item .details p{margin-bottom:0}.content section .best-conditions .details p{margin-bottom:0}.content .map-wrapper,.content .find-spot-map{margin-bottom:2rem}.content section p{line-height:1.6;margin-bottom:1rem}.content section .media-upload-text,.content section .media-upload-hint{margin:0}.content .row.gap{gap:1rem}.content .column.mv{margin:1rem 0}.content .column.mv a{display:block;padding:.5rem 0;color:#046380;text-decoration:none;border-bottom:1px solid #d9d9d9}.content .column.mv a:hover{color:#3fc1c9;text-decoration:underline}.content .column.mv a:last-child{border-bottom:none}.amenities-content{gap:2rem}.amenities-section{border:1px solid #d9d9d9;border-radius:1rem;padding:1rem}.amenities-section h4{font-size:1rem;color:#333;margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:1px solid #f0f0f0}.amenities-details{gap:.5rem}.amenities-list{display:flex;flex-wrap:wrap;gap:.5rem}.amenities-item{background:#fff;border:1px solid #d9d9d9;border-radius:25px;padding:.5rem 1rem;font-size:.875rem;color:#0d1619}.amenities-item.empty{background:#f8fafc;border-color:#d9d9d9;color:#666;font-style:italic}.closed-chip{display:inline-block;background:#b22222;color:#fff;border-radius:25px;padding:.5rem 1rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.content>.row.space-between{flex-wrap:nowrap}.content>.row.space-between>.page-title-with-status{flex:1;min-width:0;margin-right:1rem}.content>.row.space-between>.page-title-with-status h1{word-break:break-word;overflow-wrap:break-word}.content>.row.space-between>.spot-actions{flex-shrink:0}.content>.surf-spot-detail-meta-row{width:100%;align-items:center;flex-wrap:nowrap;gap:1rem;justify-content:flex-start}.content>.surf-spot-detail-meta-row .surf-spot-novelty-chip-wrap{flex:0 0 auto;min-width:0}.content>.surf-spot-detail-meta-row .surf-spot-novelty-chip-wrap:empty{display:none}.content>.surf-spot-detail-meta-row .surf-spot-detail-meta-row-notes{flex:0 0 auto;margin-left:auto;width:auto;max-width:100%}@media (max-width: 560px){.content>.surf-spot-detail-meta-row{flex-wrap:wrap}.content>.surf-spot-detail-meta-row .surf-spot-detail-meta-row-notes{flex:1 1 100%;margin-left:0;width:100%;justify-content:flex-end}}.surfed-spots-overview p{font-size:1.25rem}.surfed-spots-overview p.value{font-size:1.5rem}.surfed-spots-overview-secondary{justify-content:space-around;align-items:center}.achievement-badge{gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.achievement-badge{flex-direction:column;gap:1rem}}.stats-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}@media (max-width: 640px){.stats-overview{grid-template-columns:1fr;gap:1rem;padding:0 1rem}}.stat-card{background:#fff;padding:3rem 2rem;border-radius:1rem;box-shadow:none;border:1px solid #f0f0f0;text-align:center;gap:.5rem;min-height:140px}.stat-card.primary{background:linear-gradient(135deg,#046380,#023d4f);color:#fff;border:none}@media (max-width: 640px){.stat-card{padding:2rem;min-height:120px}}.stat-icon{font-size:1.5rem;margin-bottom:1rem;display:block}.stat-value{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:1.25rem}.wave-preferences{margin-bottom:3rem}@media (max-width: 640px){.wave-preferences{padding:0 1rem}}.wave-preferences h2{font-size:1.25rem;margin-bottom:2rem}.preferences-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 640px){.preferences-list{grid-template-columns:1fr;gap:1rem}}.preference-card{flex-direction:column;background:#fff;padding:3rem 2rem;border-radius:1rem;box-shadow:none;border:1px solid #d9d9d9;text-align:center;gap:.5rem;min-height:120px;transition:border-color .2s ease}.preference-card:hover{border-color:#046380}@media (max-width: 640px){.preference-card{padding:2rem;min-height:100px}}.preference-label{color:#666;font-size:1rem;text-align:center}.preference-value{font-weight:700;color:#046380;font-size:1.5rem;text-align:center}@media (max-width: 640px){.preference-value{font-size:1.25rem}}.recent-spots-grid{display:flex;gap:2rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 4px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.recent-spots-grid::-webkit-scrollbar{height:8px;width:auto}.recent-spots-grid::-webkit-scrollbar-track{background:transparent}.recent-spots-grid::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.recent-spots-grid::-webkit-scrollbar-thumb:hover{background-color:#0000004d}@media (max-width: 640px){.recent-spots-grid{gap:1rem}}.recent-spot-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:none;border:1px solid #f0f0f0;flex:0 0 300px;min-width:300px;cursor:pointer;transition:border-color .2s ease}.recent-spot-card:hover{border-color:#046380}@media (max-width: 640px){.recent-spot-card{flex:0 0 280px;min-width:280px}}.recent-spot-card.animate-on-scroll,.recent-spot-card.animate-on-scroll.visible{transition:border-color .2s ease}.recent-spot-card.animate-on-scroll:hover,.recent-spot-card.animate-on-scroll.visible:hover{border-color:#046380}.spot-info{flex:1}.spot-info h4{margin-bottom:.5rem;color:#333}.spot-info .spot-location{color:#666;margin-bottom:.5rem}.spot-info .spot-rating{display:flex;align-items:center;gap:.5rem}.spot-info .spot-rating .rating-text{color:#666}.watchlist-header-actions{margin-bottom:2rem;text-align:right}.watchlist-spots-link{font-size:.875rem}.watched-spots-title{font-size:1.5rem;color:#333;margin:3rem 0 2rem;padding-top:2rem;border-top:2px solid #f0f0f0}.watchlist-feed{margin:2rem 0}.feed-section-title{font-size:1.5rem;color:#333;margin:0 0 2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.feed-container{gap:1rem;max-width:800px;margin:0 auto}.watchlist-empty-state{text-align:center;padding:3rem 0;color:#666}.watchlist-empty-state .text-secondary{color:#666;font-size:.875rem;margin-top:.5rem}.notifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media (max-width: 640px){.notifications-grid{grid-template-columns:1fr;gap:1rem}}.notification-card{border:1px solid #f0f0f0;overflow:hidden;margin:0;transition:transform .2s ease,box-shadow .2s ease}.notification-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.notification-header{background:linear-gradient(135deg,#046380,#023d4f);color:#fff;padding:2rem}.notification-header h3{margin:0}.notification-content{padding:2rem}.notification-content p{color:#666;line-height:1.6;margin-bottom:1rem}.notification-link{color:#046380;text-decoration:none}.notification-link:hover{text-decoration:underline}@media (max-width: 768px){.feed-container{max-width:100%}.feed-section-title{font-size:1.25rem}}.trips-section{margin-bottom:3rem}.trips-section h2{margin-bottom:1rem;color:#0d1619}.trip-card h3{font-size:1.25rem;padding-bottom:0;border-bottom:none;color:#0d1619}.trip-card .trip-owner{font-size:.85rem;color:#666;font-style:italic}.trip-card .trip-spots{margin-top:.5rem}.trip-edit-form{max-width:600px}.trip-spots-list,.trip-members-list{gap:0;border:solid 1px #d9d9d9;border-radius:1rem;padding:1rem;margin-top:1rem;margin-bottom:0}.trip-spots-list.empty,.trip-members-list.empty{min-height:100px;padding:3rem}.trip-spots-list.empty p,.trip-members-list.empty p{text-align:center;margin:0}.trip-spot-item,.trip-member-item{align-items:center;padding:1rem;border-bottom:1px solid #d9d9d9;flex-wrap:wrap;gap:1rem}.trip-spot-item:last-child,.trip-member-item:last-child{border-bottom:none}.trip-spot-item:first-child,.trip-member-item:first-child{padding-top:1rem}.trip-spot-item>div:first-child,.trip-member-item>div:first-child{flex:1;min-width:0}.trip-spot-item h4,.trip-member-item h4{margin:0}@media (max-width: 768px){.trip-spot-item,.trip-member-item{gap:1rem}}.trip-spot-item .member-email-row,.trip-member-item .member-email-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.trip-spot-item .member-email-row .chip,.trip-member-item .member-email-row .chip{flex-shrink:0}.trip-spot-item h4,.trip-member-item h4{margin:0 0 .5rem;font-size:1rem}.trip-spot-item h4 a,.trip-member-item h4 a{text-decoration:none;color:inherit}.trip-spot-item h4 a:hover,.trip-member-item h4 a:hover{text-decoration:underline}.trip-spot-item .spot-rating,.trip-member-item .spot-rating{margin-top:.5rem}.trip-spot-item .spot-rating .rating,.trip-member-item .spot-rating .rating,.trip-spot-item .spot-rating .rating .star,.trip-member-item .spot-rating .rating .star{text-decoration:none}.trip-spot-item .member-actions,.trip-member-item .member-actions{display:flex;flex-wrap:wrap;gap:.5rem}.trip-spot-item .member-name,.trip-member-item .member-name{margin:0 0 .5rem}.trip-spot-item p,.trip-member-item p{margin:0}.trip-spot-item{align-items:flex-start}.add-member-form{margin-top:2rem}.add-member-form .form-inline{margin-bottom:0}.trip-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem}@media (max-width: 768px){.trip-media-grid{grid-template-columns:1fr}}input[type=date]{color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;filter:invert(.4);transition:opacity .2s ease;padding:.5rem;margin-left:.5rem;background-size:20px 20px;width:24px;height:24px}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(.6)}input[type=date]::-webkit-datetime-edit{padding:0}input[type=date]::-webkit-datetime-edit-text{padding:0 .5rem;color:#0d1619}input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field{padding:0 .5rem;color:#0d1619}input[type=date]::-webkit-datetime-edit-month-field:focus,input[type=date]::-webkit-datetime-edit-day-field:focus,input[type=date]::-webkit-datetime-edit-year-field:focus{background-color:#f0f4f8;border-radius:1rem}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-clear-button{display:none}input[type=date]::-moz-calendar-picker-indicator{cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:.5rem;margin-left:.5rem}input[type=date]::-moz-calendar-picker-indicator:hover{opacity:1}input[type=date]::-webkit-calendar-picker-indicator:focus{outline:2px solid #046380;outline-offset:2px;border-radius:4px}input[type=date]:focus::-webkit-calendar-picker-indicator{background-color:#f0f4f8;border-radius:4px}.delete-error{color:#b22222}.sessions-page .sessions-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.sessions-page .sessions-page-title{margin:0;font-size:1.5rem;font-weight:600;color:#333;line-height:1.2}.sessions-how-to{margin-bottom:3rem}.sessions-how-to .sessions-how-to-heading{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#333}.sessions-how-to .sessions-how-to-lead{margin:0 0 2rem;line-height:1.55}.sessions-how-to .sessions-how-to-steps{margin:0;padding-left:1.35em;line-height:1.65;color:#0d1619}.sessions-how-to .sessions-how-to-steps li{margin-bottom:1rem}.sessions-how-to .sessions-how-to-steps li:last-child{margin-bottom:0}.sessions-section{margin-bottom:3rem}.sessions-list-heading{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#333}.sessions-list-hint{margin:0 0 1rem;font-size:.875rem;line-height:1.5}.sessions-list{display:flex;flex-direction:column;gap:.5rem}.surfboards-section{margin-bottom:3rem}.surfboard-card .surfboard-image{width:100%;height:200px;overflow:hidden;border-radius:1rem;margin-bottom:1rem;background:#f8fafc}.surfboard-card .surfboard-image img{width:100%;height:100%;object-fit:cover}.surfboard-card .surfboard-type{font-size:.875rem;color:#666;font-style:italic}.surfboard-card .surfboard-dims,.surfboard-card .surfboard-volume{font-size:.875rem}.surfboard-header{margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.surfboard-header h1{margin:0;flex:1;min-width:200px}.surfboard-images{margin-bottom:3rem}.surfboard-images h2{margin-bottom:1rem}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-top:1rem;margin-bottom:1rem}@media (max-width: 768px){.image-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.image-gallery .image-thumbnail{position:relative;cursor:pointer;aspect-ratio:1;overflow:hidden;border-radius:1rem;border:1px solid #d9d9d9;transition:transform .2s,box-shadow .2s}.image-gallery .image-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.image-gallery .image-thumbnail img,.image-gallery .image-thumbnail video{width:100%;height:100%;object-fit:cover}.image-preview-modal{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:1rem}.image-preview-modal .image-preview-full{max-width:100%;max-height:70vh;object-fit:contain;border-radius:1rem}.image-preview-modal .image-preview-actions{display:flex;gap:.5rem;justify-content:center}.surfboard-details{margin-bottom:3rem}.surfboard-details h2{margin-bottom:1rem}.surfboard-details p{margin:.5rem 0;color:#0d1619}.surfboard-details p strong{color:#333;margin-right:.5rem}.surfboard-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border:solid 1px #d9d9d9;border-radius:1rem;padding:2rem;margin-bottom:2rem}@media (max-width: 1024px){.surfboard-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.surfboard-details-grid{grid-template-columns:1fr}}.surfboard-details-grid .details{margin:0;padding:0;border:none}.delete-confirm-modal h2{margin:0 0 1rem}.delete-confirm-modal p{margin:1rem 0;color:#0d1619}.delete-confirm-modal p.warning{margin-top:1rem;font-weight:700}.delete-confirm-modal ul{margin:.5rem 0 1rem 2rem;padding-left:0;color:#0d1619}.delete-confirm-modal ul li{margin:.5rem 0}.surfboard-selection-modal h2,.surfboard-selection-modal p{margin-bottom:1rem}.surfboard-selection-modal .text-secondary{color:#666}.surfboard-selection-modal .surfboard-selection-list{gap:.5rem;margin:1rem 0;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.surfboard-selection-modal .surfboard-selection-list::-webkit-scrollbar{width:8px;height:auto}.surfboard-selection-modal .surfboard-selection-list::-webkit-scrollbar-track{background:transparent}.surfboard-selection-modal .surfboard-selection-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.surfboard-selection-modal .surfboard-selection-list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.surfboard-selection-modal .surfboard-selection-item{width:100%;padding:1rem;background:#f8fafc;border:1px solid #d9d9d9;border-radius:1rem;gap:1rem;align-items:center}.surfboard-selection-modal .surfboard-selection-item>div{align-items:center;gap:.5rem;flex:1;min-width:0}.surfboard-selection-modal .surfboard-selection-item .surfboard-name{font-size:1rem;color:#0d1619;margin:0;flex:1}.surfboard-selection-modal .surfboard-selection-item .status-text{color:#046380;font-size:.875rem;white-space:nowrap;min-height:40px;display:flex;align-items:center;padding-left:1rem}.surfboard-selection-modal .surfboard-selection-actions{gap:1rem;margin-top:1rem;width:100%}.surfboard-selection-modal .surfboard-selection-actions .button{width:100%}.settings-page{max-width:600px;margin:0 auto;padding:2rem 1rem}.settings-page h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem}.settings-page h4{font-size:1.25rem;margin-bottom:1rem}.contact-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.contact-page h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-page>p{margin-bottom:2rem}.contact-form-section{margin-bottom:2rem}.contact-form{gap:.5rem}.contact-form .form-row{gap:.5rem;align-items:flex-start}@media (max-width: 768px){.contact-form .form-row{flex-direction:column}}.contact-form .form-row .form-item{flex:1;min-width:0;margin-bottom:0}.contact-form .form-item label{opacity:1;transform:translateY(0)}.contact-info-section{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 768px){.contact-info-section{grid-template-columns:1fr}}.info-card{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:none;border:1px solid #f0f0f0}.info-card h3{margin-top:0;margin-bottom:1rem}.info-page-content .skill-level-item{padding:2rem 0}.info-page-content .skill-level-item h2{margin-top:0;margin-bottom:1rem}.info-page-content .skill-level-item p{margin-bottom:0;line-height:1.6}.country-emergency-section{margin:2rem 0}.country-emergency-section .country-emergency-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #046380}.country-emergency-section .country-emergency-title-icon{display:inline-flex;align-items:center}.country-emergency-section .country-emergency-list{list-style:none;padding:3rem;margin-top:1rem;gap:.5rem;border:1px solid #f0f0f0;border-radius:1rem}@media (max-width: 768px){.country-emergency-section .country-emergency-list{padding:2rem 1rem}}.country-emergency-section .country-emergency-list li{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.country-emergency-section .country-emergency-label{color:#0d1619}.country-emergency-section .country-emergency-link{color:#046380;text-decoration:none;font-variant-numeric:tabular-nums}.country-emergency-section .country-emergency-link:hover{text-decoration:underline}body{background:#fff}section{width:100%}.description{margin-top:1rem;margin-bottom:2rem}.description.alternate{max-width:480px;font-size:1.25rem;text-align:center;margin:2rem 0}.hidden{display:none}