body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Apple SD Gothic Neo","Noto Sans KR","나눔고딕","Malgun Gothic",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
:focus{outline:#3b82f6 solid 2px;outline-offset:2px}
.skip-link{position:absolute;top:-40px;left:6px;background:#000;color:#fff;padding:8px;text-decoration:none;z-index:1000;border-radius:4px}
.skip-link:focus{top:6px}
#surveyModal{backdrop-filter:blur(4px)}
#surveyModal .bg-white{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.1)}
#surveyModal h3{color:#1f2937!important;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}
#surveyModal label,#surveyModal legend{color:#374151!important;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.05)}
#surveyModal span{color:#1f2937!important;font-weight:500}
#surveyModal input[type=text],#surveyModal select{background-color:#fff;border:2px solid #d1d5db;color:#1f2937;font-weight:500;transition:.2s}
#surveyModal input[type=text]:focus,#surveyModal select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);background-color:#f8fafc}
#surveyModal select option{background-color:#fff;color:#1f2937;font-weight:500}
#surveyModal input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;border:2px solid #d1d5db}
#surveyModal .text-gray-600{color:#4b5563!important;font-weight:500}
#surveyModal .text-gray-700{color:#374151!important;font-weight:600}
#surveyModal::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.4) 100%);z-index:-1}
.gradient-bg{background:linear-gradient(135deg,#2563eb 0,#1e40af 100%);background-attachment:fixed}
.accent-text{color:#3b82f6}
.highlight-text{color:#1d4ed8}
.pulse-animation{animation:2s infinite pulse;will-change:transform}
@keyframes pulse{
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.floating{animation:3s ease-in-out infinite float;will-change:transform}
@keyframes float{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
.countdown-timer{background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3)}
@media (prefers-contrast:high){
.gradient-bg{background:#1e40af}
.accent-text{color:#00f}
.highlight-text{color:navy}
#surveyModal .text-gray-600,#surveyModal .text-gray-700,#surveyModal label,#surveyModal legend,#surveyModal span{color:#000!important}
}
@media (prefers-reduced-motion:reduce){
.floating,.pulse-animation{animation:none}
*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}
}
@media (prefers-color-scheme:dark){
body{background-color:#1f2937;color:#f9fafb}
.bg-gray-50{background-color:#374151}
.bg-white{background-color:#1f2937}
.text-gray-800{color:#f9fafb}
.text-gray-600{color:#d1d5db}
#surveyModal .bg-white{background-color:#1f2937;border-color:rgba(255,255,255,.1)}
#surveyModal h3{color:#f9fafb!important}
#surveyModal label,#surveyModal legend,#surveyModal span{color:#e5e7eb!important}
#surveyModal .text-gray-600{color:#d1d5db!important}
#surveyModal .text-gray-700{color:#e5e7eb!important}
#surveyModal input[type=text],#surveyModal select{background-color:#374151;border-color:#4b5563;color:#f9fafb}
#surveyModal input[type=text]:focus,#surveyModal select:focus{background-color:#4b5563;border-color:#3b82f6}
#surveyModal select option{background-color:#374151;color:#f9fafb}
}
@media print{
.fixed{position:static!important}
.gradient-bg{background:#2563eb!important;color:#000!important}
.floating,.pulse-animation{animation:none!important}
#surveyModal{display:none!important}
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
}
@media (hover:none) and (pointer:coarse){
a,button{min-height:44px;min-width:44px}
.pulse-animation:hover{transform:none}
#surveyModal input[type=text],#surveyModal select{min-height:48px;font-size:16px}
}