:root{--color-primary:#ff6b8a;--color-primary-light:#ff8fa8;--color-primary-dark:#e84a6f;--color-primary-glow:#ff6b8a66;--gradient-romantic:linear-gradient(135deg,#ff6b8a 0%,#ff8e53 50%,#ffb347 100%);--gradient-sunset:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-peach:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);--gradient-love:linear-gradient(135deg,#ff9a9e 0%,#fecfef 50%,#fecfef 100%);--gradient-card:linear-gradient(145deg,#fffffff2 0%,#fff0f5e6 100%);--color-coral:coral;--color-peach:#ffb4a2;--color-rose:#ffccd5;--color-lavender:#e8d5f2;--color-mint:#a8e6cf;--color-text-primary:#2d2d3a;--color-text-secondary:#6b6b7a;--color-text-muted:#9a9aab;--color-bg-primary:#fffbfc;--color-bg-secondary:#fff5f7;--color-bg-card:#fff;--color-border:#ff6b8a26;--shadow-soft:0 4px 20px #ff6b8a1a;--shadow-medium:0 8px 40px #ff6b8a26;--shadow-dramatic:0 20px 60px #ff6b8a33;--shadow-glow:0 0 40px #ff6b8a4d;--font-display:"Outfit","Noto Sans SC",sans-serif;--font-body:"Plus Jakarta Sans","Noto Sans SC",sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-dramatic:.8s;--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-out-back:cubic-bezier(.34,1.56,.64,1);--ease-elastic:cubic-bezier(.68,-.6,.32,1.6)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-primary);font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 30%,#ff6b8a14 0%,#0000 50%),radial-gradient(circle at 80% 70%,#ffb2470f 0%,#0000 40%),radial-gradient(circle,#fcb69f0d 0%,#0000 60%);width:200%;height:200%;animation:20s ease-in-out infinite bgFloat;position:fixed;top:-50%;left:-50%}@keyframes bgFloat{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(2%,-2%)rotate(1deg)}66%{transform:translate(-1%,1%)rotate(-.5deg)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-primary);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,6vw,4.5rem)}h2{letter-spacing:-.01em;font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{max-width:65ch;margin-left:auto;margin-right:auto}a{color:var(--color-primary);transition:color var(--duration-fast)var(--ease-smooth);text-decoration:none}a:hover{color:var(--color-primary-dark)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ff6b8a4d}50%{box-shadow:0 0 40px #ff6b8a80}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatRotate{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-15px)rotate(3deg)}75%{transform:translateY(-5px)rotate(-2deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes wobble{0%,to{transform:rotateX(0)rotateY(0)}25%{transform:rotateX(2deg)rotateY(3deg)}50%{transform:rotateX(-2deg)rotateY(-3deg)}75%{transform:rotateX(1deg)rotateY(-2deg)}}.animate-fade-in-up{animation:fadeInUp var(--duration-slow)var(--ease-out-back)forwards;opacity:0}.animate-fade-in-scale{animation:fadeInScale var(--duration-slow)var(--ease-out-back)forwards;opacity:0}.animate-bounce-in{animation:bounceIn var(--duration-dramatic)var(--ease-elastic)forwards;opacity:0}.animate-slide-in-left{animation:slideInLeft var(--duration-slow)var(--ease-out-back)forwards;opacity:0}.animate-slide-in-right{animation:slideInRight var(--duration-slow)var(--ease-out-back)forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.hover-float{transition:transform var(--duration-normal)var(--ease-out-back)}.hover-float:hover{transform:translateY(-8px)}.card-3d{transform-style:preserve-3d;perspective:1000px;transition:transform var(--duration-normal)var(--ease-smooth)}.card-3d:hover{transform:rotateX(5deg)rotateY(-5deg)translateZ(20px)}.glow{animation:2s ease-in-out infinite pulseGlow}.gradient-text{background:var(--gradient-romantic);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--font-display);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal)var(--ease-out-back);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-romantic);color:#fff;box-shadow:var(--shadow-medium)}.btn-primary:before{content:"";width:100%;height:100%;transition:left var(--duration-slow)ease;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);position:absolute;top:0;left:-100%}.btn-primary:hover{box-shadow:var(--shadow-dramatic),var(--shadow-glow);transform:translateY(-4px)scale(1.02)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(-2px)scale(.98)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:var(--shadow-soft);background:#fff}.btn-secondary:hover{background:var(--color-bg-secondary);box-shadow:var(--shadow-medium);transform:translateY(-4px)}.card{background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);transition:all var(--duration-normal)var(--ease-smooth);overflow:hidden}.card:hover{box-shadow:var(--shadow-dramatic);border-color:#ff6b8a4d;transform:translateY(-8px)}.profile-card{transform-style:preserve-3d;perspective:1000px;position:relative}.profile-card:after{content:"";background:var(--gradient-romantic);transform-origin:0;height:4px;transition:transform var(--duration-normal)var(--ease-out-back);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.profile-card:hover:after{transform:scaleX(1)}.input-group{margin-bottom:24px;position:relative}.input{width:100%;font-size:1rem;font-family:var(--font-body);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--duration-normal)var(--ease-smooth);background:#fff;outline:none;padding:16px 20px}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow)}.input::placeholder{color:var(--color-text-muted)}.input-label{color:var(--color-text-secondary);margin-bottom:8px;font-weight:600;display:block}.tag{border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-primary);border:1px solid var(--color-border);transition:all var(--duration-fast)var(--ease-smooth);align-items:center;padding:6px 14px;font-size:.875rem;font-weight:500;display:inline-flex}.tag:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.loading-heart{width:40px;height:40px;animation:1.2s ease-in-out infinite heartbeat;display:inline-block}.loading-heart svg{width:100%;height:100%;fill:var(--color-primary)}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary)25%,var(--color-bg-primary)50%,var(--color-bg-secondary)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}@media (max-width:768px){.section{padding:60px 0}.container{padding:0 16px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gradient-romantic);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}::selection{background:var(--color-primary);color:#fff}