* {margin: 0;padding: 0;box-sizing: border-box;}.loading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.9);display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 9999;transition: opacity 0.3s ease;}.loading-spinner {width: 80px;height: 80px;position: relative;margin-bottom: 20px;display: flex;justify-content: center;align-items: center;}.loading-spinner svg {width: 100%;height: 100%;transform: rotate(-90deg);}.loading-spinner circle {fill: none;stroke-width: 10;stroke-linecap: round;stroke-dasharray: 188.4;stroke-dashoffset: 188.4;transform-origin: center;animation: spin 2s cubic-bezier(0.4,0,0.2,1) infinite, dash 2s cubic-bezier(0.4,0,0.2,1) infinite;}.loading-spinner circle:nth-child(1) {stroke: rgba(0,120,212,0.1);stroke-dashoffset: 0;animation: none;}.loading-spinner circle:nth-child(2) {stroke: url(#gradient);}.loading p {font-size: 1.2rem;color: #333;font-weight: 500;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes dash {0% {stroke-dashoffset: 188.4;stroke-dasharray: 188.4 188.4;stroke-opacity: 1;}25% {stroke-dashoffset: 47.1;stroke-dasharray: 70.65 188.4;stroke-opacity: 1;}50% {stroke-dashoffset: -94.2;stroke-dasharray: 70.65 188.4;stroke-opacity: 0.8;}75% {stroke-dashoffset: -141.3;stroke-dasharray: 70.65 188.4;stroke-opacity: 0.6;}100% {stroke-dashoffset: -188.4;stroke-dasharray: 188.4 188.4;stroke-opacity: 0.4;}}