html,body{margin:0;font-family:Arial,Helvetica,sans-serif}body{margin:0;font-family:Arial,Helvetica,sans-serif;background-color:#1a2634;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#222}.mat-card{background:rgba(255,255,255,.95)!important}.mat-form-field .mat-form-field-label,.mat-form-field .mat-input-element{color:#000000de}.container,.mat-card{margin:18px}:root{--brand-yellow: #FEC726;--brand-blue: #0067C6;--brand-white: #ffffff;--brand-dark: rgba(0,0,0,.75);--card-bg: rgba(255,255,255,.95)}.mat-raised-button,.mat-flat-button,button{font-weight:600;padding:10px 24px!important;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;gap:8px}.mat-raised-button.mat-primary,.mat-flat-button.mat-primary,button.mat-primary,button[color=primary]{background-color:#0067c6!important;color:#fff!important}.mat-raised-button.mat-primary:hover,.mat-flat-button.mat-primary:hover,button[color=primary]:hover:not(:disabled){background-color:#0056a8!important;box-shadow:0 4px 12px #0067c666!important;transform:translateY(-2px)}.mat-raised-button.mat-accent,.mat-flat-button.mat-accent,button.mat-accent,button[color=accent]{background-color:#0067c6!important;color:#fff!important}.mat-raised-button.mat-accent:hover,.mat-flat-button.mat-accent:hover,button[color=accent]:hover:not(:disabled){background-color:#0056a8!important;box-shadow:0 4px 12px #0067c666!important;transform:translateY(-2px)}button:disabled{opacity:.6;cursor:not-allowed}.mdc-floating-label,.mat-mdc-floating-label{color:#555}.mdc-floating-label mat-label,mat-form-field mat-label{color:#555!important}.mat-form-field-appearance-standard .mat-form-field-label{color:#555!important}.mat-form-field-appearance-standard.mat-focused .mat-form-field-label,.mat-form-field-appearance-standard.mat-form-field-should-float .mat-form-field-label,.mat-focused .mdc-floating-label,.mdc-floating-label--float-above{color:#fec726!important}.mat-form-field-appearance-standard,.mat-form-field-appearance-standard.mat-focused,.mat-form-field-appearance-standard .mat-form-field-flex{background-color:transparent!important}input,textarea,.mat-form-field-appearance-standard input,.mat-form-field-appearance-standard textarea,.mat-form-field-appearance-standard.mat-focused input,.mat-form-field-appearance-standard.mat-focused textarea{background-color:#fff!important}.mat-form-field-appearance-standard.mat-focused .mat-form-field-underline{border-bottom:2px solid #FEC726!important}.mat-form-field-appearance-standard .mdc-line-ripple:after{border-bottom-color:#fec726!important}.form-group{display:flex;flex-direction:column;margin-bottom:16px;gap:6px}label{color:#555;font-weight:500;font-size:14px;display:block}input,textarea,select{padding:10px 12px;font-size:14px;font-family:inherit;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#000;transition:all .2s ease}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:20px;padding-right:32px}select option{color:#000!important;background-color:#fff!important;padding:4px 8px}::ng-deep input::placeholder,::ng-deep textarea::placeholder,::ng-deep select::placeholder{color:#999!important;opacity:1!important}::ng-deep input::-moz-placeholder,::ng-deep textarea::-moz-placeholder{color:#999!important;opacity:1!important}::ng-deep input::-webkit-input-placeholder,::ng-deep textarea::-webkit-input-placeholder{color:#999!important}input:focus,textarea:focus,select:focus{outline:none;border-color:#fec726;box-shadow:0 0 0 3px #fec7261a;background-color:#fff}input:disabled,textarea:disabled,select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}textarea{resize:vertical}.section-title{color:#fec726!important;font-size:1.1rem;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.3px}.mat-raised-button.mat-primary:hover,.mat-flat-button.mat-primary:hover{background-color:#0056a8!important}.mat-snack-bar-container{background:linear-gradient(90deg,var(--brand-blue),#004a8f)!important;color:var(--brand-white)!important;font-weight:600}.mat-card-header{border-left:6px solid var(--brand-yellow)}.mat-card-title{color:var(--brand-blue);font-weight:700}a,.mat-button,.mat-icon-button{color:var(--brand-blue)}.beer-avatar{background-image:url(https://clynemccarthy.co.uk/img/bg.jpg);background-size:cover;border-radius:4px}.mat-form-field-label{color:#000000b3!important}.mat-card{background:var(--card-bg)!important;box-shadow:0 6px 18px #02061740}@media (max-width: 600px){.mat-form-field-wrapper{flex-direction:column;align-items:stretch}.mat-form-field-wrapper .mat-form-field{width:100%!important}}.mat-form-field-appearance-standard .mat-form-field-label{color:#00000080!important}.mat-form-field-appearance-standard.mat-focused .mat-form-field-label,.mat-form-field-appearance-standard.mat-form-field-should-float .mat-form-field-label{color:#fec726!important}.mat-form-field-appearance-standard .mat-input-element{color:#000!important;caret-color:#fec726!important}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:#0003!important}.mat-form-field-appearance-standard.mat-focused .mat-form-field-ripple{background-color:#fec726!important}.mat-list .mat-list-item,.mat-list .mat-list-item .mat-line,.mat-list .mat-list-item h4{color:var(--brand-white)!important;opacity:1!important}.mat-divider,.mat-list-divider{background-color:#ffffff0f!important}.cdk-overlay-container .mat-select-panel{background:rgba(3,11,26,.98)!important;color:var(--brand-white)!important}html body .main-card,html body .main-card *,html body .main-card .mat-form-field,html body .main-card .mat-form-field *,html body .main-card .mat-list,html body .main-card .mat-list *{color:var(--brand-white)}html body .main-card .mat-form-field .mat-form-field-infix,html body .main-card .mat-mdc-form-field .mat-mdc-form-field-infix{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:inset 0 1px #ffffff05!important;padding:6px 8px!important;border-radius:6px!important}html body .main-card .mat-form-field.mat-focused .mat-form-field-infix,html body .main-card .mat-mdc-form-field.mat-focused .mat-mdc-form-field-infix{border-color:var(--brand-yellow)!important;box-shadow:0 0 0 6px #fec7260f!important}html body .main-card .mat-select-trigger,html body .main-card .mat-select-value-text{color:var(--brand-white)!important;padding-left:6px!important}html body .main-card textarea.mat-input-element{background:transparent!important;color:var(--brand-white)!important}html body .main-card .mat-form-field .mat-form-field-flex,html body .main-card .mat-form-field .mat-form-field-wrapper,html body .main-card .mat-form-field .mat-form-field-infix,html body .main-card .mat-mdc-form-field .mat-mdc-form-field-infix,html body .main-card .mat-mdc-form-field .mat-mdc-form-field-wrapper{background:rgba(255,255,255,.08)!important;border-radius:6px!important}html body .main-card .mat-form-field .mat-form-field-outline,html body .main-card .mat-form-field .mat-form-field-outline-thick,html body .main-card .mat-mdc-form-field .mdc-notched-outline__path{stroke:#fff3!important}html body .main-card .mat-form-field.mat-focused .mat-form-field-infix,html body .main-card .mat-mdc-form-field.mat-focused .mat-mdc-form-field-infix{background:rgba(255,255,255,.04)!important;border:1px solid rgba(254,199,38,.9)!important;box-shadow:0 0 0 8px #fec7260f!important}html body .main-card .mat-select,html body .main-card .mat-select-trigger,html body .main-card .mat-select-value,html body .main-card .mat-select-value-text,html body .main-card .mat-form-field .mat-select-trigger,html body .main-card .mat-mdc-select .mat-mdc-select__selected-text,html body .main-card .mat-mdc-select .mat-mdc-select__surface{background:rgba(255,255,255,.06)!important;color:var(--brand-white)!important;border-radius:6px!important}html body .main-card .mat-form-field .mat-form-field-infix>div,html body .main-card .mat-form-field .mat-form-field-infix>.mat-select-trigger,html body .main-card .mat-form-field .mat-form-field-infix>.mat-mdc-select{background:transparent!important}html body .main-card .mat-select-arrow,html body .main-card .mat-select-value-text,html body .main-card .mat-mdc-select .mat-mdc-select__selected-text{color:var(--brand-white)!important}.mat-form-field-appearance-outline .mat-form-field-outline path,.mat-form-field-appearance-outline .mat-form-field-outline svg,.mat-mdc-form-field .mdc-notched-outline__path,.mat-mdc-form-field .mdc-notched-outline,.mat-mdc-form-field .mdc-notched-outline svg{stroke:#ffffff38!important;color:#ffffff38!important}.mat-form-field.mat-focused .mat-form-field-outline-thick,.mat-form-field.mat-focused .mat-form-field-outline,.mat-mdc-form-field.mat-focused .mdc-notched-outline__path,.mat-mdc-form-field.mat-focused .mdc-notched-outline{stroke:var(--brand-yellow)!important}html body .mat-form-field-appearance-outline .mat-form-field-outline path,html body .mat-mdc-form-field .mdc-notched-outline__path{stroke:#ffffff38!important}input.mat-input-element,textarea.mat-input-element,.mat-select-trigger{color:#fffffffa!important;background:transparent!important}.star-rating{display:flex;gap:4px;margin:8px 0}.star-rating mat-icon{font-size:32px;width:32px;height:32px;cursor:pointer;transition:all .2s ease;color:#fec726!important;opacity:.5}.star-rating mat-icon.selected,.star-rating mat-icon.hover{color:#fec726!important;opacity:1;text-shadow:0 0 8px rgba(254,199,38,.4);transform:scale(1.1)}.inline-icon{font-size:20px;width:20px;height:20px;margin-right:6px;vertical-align:middle;color:#fec726!important}.rating-stars{display:inline-flex;gap:2px}.rating-stars mat-icon{font-size:16px;width:16px;height:16px;color:#fec726!important;opacity:.4}.rating-stars mat-icon.filled{color:#fec726!important;opacity:1}button mat-icon{margin-right:8px;color:inherit!important}.beer-description{font-size:15px;line-height:1.6;margin-bottom:20px;color:#fff}.beer-attributes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0;padding:16px;background-color:#0000004d;border-radius:8px;border:2px solid #0067C6}.attribute{display:flex;align-items:flex-start;gap:12px}.attribute mat-icon{color:#fec726!important;font-size:24px;width:24px;height:24px;flex-shrink:0;margin-top:2px}.attribute>div{display:flex;flex-direction:column;gap:4px}.attribute-label{font-size:12px;color:#999;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.attribute-value{font-size:16px;color:#fff;font-weight:500}@media (max-width: 768px){.container{padding:8px!important}.main-card{margin:0 8px!important}.star-rating mat-icon{font-size:40px;width:40px;height:40px}.rating-stars mat-icon{font-size:20px;width:20px;height:20px}input,textarea,select{font-size:16px!important;padding:10px!important}button{padding:10px 16px!important;font-size:14px!important}.section-title{font-size:18px!important;margin-bottom:12px!important}.form-group{margin-bottom:12px!important}.inline-icon{font-size:18px;width:18px;height:18px}mat-card-content{padding:12px!important}.beer-details{padding:8px 0!important}.beer-attributes{grid-template-columns:1fr;gap:12px;padding:12px}.attribute-value{font-size:14px}}@media (max-width: 480px){.container-fluid{padding:0!important}.app-toolbar{padding:8px!important}.app-logo{width:32px!important;height:32px!important}.app-title{font-size:16px!important}.star-rating mat-icon{font-size:36px;width:36px;height:36px;gap:8px}label{font-weight:600;font-size:13px}.review-form{gap:16px!important}mat-card-content{padding:8px!important}mat-card-title{font-size:18px!important}mat-card-subtitle{font-size:12px!important}.beer-attributes{grid-template-columns:1fr;gap:12px;padding:10px}.attribute{gap:10px}.attribute mat-icon{font-size:20px;width:20px;height:20px}.attribute-value{font-size:13px}.beer-description{font-size:13px;margin-bottom:16px}}