@font-face{font-family: 'BaiJamjuree';src: url('../fonts/BaiJamjuree-Regular.woff2') format('woff2');font-display: swap;}@font-face{font-family: 'Fermino';src: url('../fonts/fermino.woff2') format('woff2');font-display: swap;}@font-face{font-family: 'StarBlush';src: url('../fonts/starblushscript.woff2') format('woff2');font-display: swap;}:root{--rose: #e8698a;--rose-light: #f4a0b5;--rose-pale: #fce4ec;--rose-deep: #c2185b;--blush: #fdf0f4;--cream: #fff9fb;--white: #ffffff;--text-dark: #4a1a2c;--text-mid: #8a4a5e;--glass: rgba(255,255,255,0.55);--glass-border: rgba(255,255,255,0.8);}*{margin: 0;padding: 0;box-sizing: border-box;}body{min-height: 100vh;font-family: 'BaiJamjuree',sans-serif;background: var(--blush);overflow-x: hidden;position: relative;cursor:none;}a,button,*{cursor:none!important;}#bgCanvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;}#particleCanvas{position:fixed;inset:0;z-index:100;width:100%;height:100%;pointer-events:none;}#cursor{position:fixed;width:10px;height:10px;background:#e8698a;border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:normal;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s;}#cursor-ring{position:fixed;width:30px;height:30px;border:1.5px solid rgba(232,105,138,.42);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s,height .3s,border-color .2s;}body:has(a:hover) #cursor{width:16px;height:16px;background:#c2185b;}body:has(a:hover) #cursor-ring{width:46px;height:46px;border-color:#e8698a;}.petals{position: fixed;inset: 0;z-index: 1;pointer-events: none;overflow: hidden;}.petal{position: absolute;font-size: 1.1rem;opacity: 0;animation: fall linear infinite;will-change: transform,opacity;}@keyframes fall{0%{transform: translateY(-30px) rotate(0deg) scale(0.8);opacity: 0;}10%{opacity: 0.4;}90%{opacity: 0.3;}100%{transform: translateY(110vh) rotate(360deg) scale(1.1);opacity: 0;}}.petal:nth-child(1){left: 5%;animation-duration: 9s;animation-delay: 0s;font-size: 0.8rem;}.petal:nth-child(2){left: 15%;animation-duration: 11s;animation-delay: 1.5s;}.petal:nth-child(3){left: 28%;animation-duration: 8s;animation-delay: 3s;font-size: 1.3rem;}.petal:nth-child(4){left: 42%;animation-duration: 12s;animation-delay: 0.5s;font-size: 0.7rem;}.petal:nth-child(5){left: 57%;animation-duration: 10s;animation-delay: 2s;}.petal:nth-child(6){left: 70%;animation-duration: 9s;animation-delay: 4s;font-size: 1.1rem;}.petal:nth-child(7){left: 82%;animation-duration: 13s;animation-delay: 1s;font-size: 0.9rem;}.petal:nth-child(8){left: 91%;animation-duration: 8.5s;animation-delay: 2.5s;}.petal:nth-child(9){left: 35%;animation-duration: 11s;animation-delay: 5s;font-size: 0.7rem;}.petal:nth-child(10){left: 65%;animation-duration: 10s;animation-delay: 3.5s;font-size: 1.2rem;}.container{position: relative;z-index: 10;max-width: 440px;margin: 0 auto;padding: 0 0 20px;margin-top: -90px;}.hero{position: relative;width: 100%;display: flex;flex-direction: column;align-items: center;text-align: center;}.hero-photo-wrap{position: relative;width: 100%;aspect-ratio: 1228 / 1270;}.hero-photo{width: 100%;height: 100%;object-fit: cover;display: block;}video.hero-photo{object-fit: cover;}.hero-photo-wrap::after{display: none;}.hero-photo-deco{position: absolute;top: 0;left: 0;right: 0;z-index: 3;padding: 18px 20px 0;display: flex;justify-content: space-between;align-items: flex-start;pointer-events: none;}.hero-deco-tag{font-size: 0.6rem;font-weight: 600;letter-spacing: 0.2em;text-transform: uppercase;color: var(--white);background: rgba(232,105,138,0.70);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);padding: 4px 10px;border-radius: 20px;border: 1px solid rgba(255,255,255,0.3);box-shadow: 0 2px 12px rgba(232,105,138,0.25);}.hero-deco-stars{font-size: 0.75rem;color: rgba(255,255,255,0.8);letter-spacing: 0.05em;text-shadow: 0 1px 8px rgba(232,105,138,0.5);}.hero-identity{position: absolute;bottom: 100px;left: 0;right: 0;z-index: 4;padding: 0 24px 0;width: 100%;box-sizing: border-box;pointer-events: none;text-align: center;}.hero-line{display: flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: 6px;}.hero-line-bar{width: 40px;height: 1px;background: linear-gradient(90deg,transparent,var(--rose-light));}.hero-line-bar.right{background: linear-gradient(90deg,var(--rose-light),transparent);}.hero-line-dot{width: 5px;height: 5px;border-radius: 50%;background: var(--rose);box-shadow: 0 0 8px rgba(232,105,138,0.6);}.name{font-family: 'BaiJamjuree',sans-serif;font-size: 2.8rem;font-weight: 300;letter-spacing: 0.04em;color: var(--text-dark);line-height: 1;margin-bottom: 0;}.name em{font-style: italic;color: var(--rose);font-weight: 400;}.handle{font-size: 0.78rem;font-weight: 400;letter-spacing: 0.18em;text-transform: uppercase;color: var(--text-mid);margin-bottom: 12px;}.bio{font-size: 0.88rem;font-weight: 300;color: var(--text-mid);line-height: 1.65;max-width: 380px;margin-bottom: 16px;padding: 0 24px;}.dots-deco{display: flex;gap: 6px;align-items: center;justify-content: center;margin-bottom: 8px;}.dot{width: 4px;height: 4px;border-radius: 50%;background: var(--rose-light);}.dot.big{width: 6px;height: 6px;background: var(--rose);}.section-label{display: flex;align-items: center;gap: 10px;padding: 0 24px;margin-bottom: 14px;margin-top: 4px;}.section-label span{font-size: 0.7rem;font-weight: 600;letter-spacing: 0.22em;text-transform: uppercase;color: var(--text-mid);white-space: nowrap;}.section-line{flex: 1;height: 1px;background: linear-gradient(90deg,rgba(232,105,138,0.4),transparent);}.links-list{padding: 0 20px;display: flex;flex-direction: column;gap: 12px;}.link-card{position: relative;display: flex;align-items: center;gap: 14px;padding: 0 20px 0 16px;height: 62px;border-radius: 18px;background: var(--glass);border: 1.5px solid var(--glass-border);border-left: 4px solid var(--rose);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transform: translateZ(0);cursor: pointer;text-decoration: none;overflow: hidden;transition: transform 0.22s cubic-bezier(.34,1.56,.64,1),box-shadow 0.22s ease,border-color 0.22s ease;box-shadow:
0 2px 16px rgba(232,105,138,0.12),inset 0 1px 0 rgba(255,255,255,0.9);opacity: 0;animation: slideUp 0.5s cubic-bezier(.34,1.56,.64,1) forwards;}.link-card:hover,.link-card:active{transform: translateY(-3px) scale(1.015);box-shadow:
0 12px 32px rgba(232,105,138,0.25),inset 0 1px 0 rgba(255,255,255,0.95);border-color: rgba(244,160,181,0.7);}.link-card::before{content: '';position: absolute;inset: 0;background: linear-gradient(120deg,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100%);transform: translateX(-100%);transition: transform 0.5s ease;}.link-card:hover::before{transform: translateX(100%);}.link-card::after{content: '';position: absolute;left: 0;top: 20%;bottom: 20%;width: 3px;border-radius: 0 3px 3px 0;background: var(--rose);opacity: 0;transition: opacity 0.22s ease;}.link-card:hover::after{opacity: 1;}.link-card:nth-child(1){animation-delay: 0.05s;}.link-card:nth-child(2){animation-delay: 0.10s;}.link-card:nth-child(3){animation-delay: 0.15s;}.link-card:nth-child(4){animation-delay: 0.20s;}.link-card:nth-child(5){animation-delay: 0.25s;}.link-card:nth-child(6){animation-delay: 0.30s;}.link-card:nth-child(7){animation-delay: 0.35s;}.link-card:nth-child(8){animation-delay: 0.40s;}.link-card:nth-child(9){animation-delay: 0.45s;}@keyframes slideUp{from{opacity: 0;transform: translateY(24px);}to{opacity: 1;transform: translateY(0);}}.link-icon{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: transform 0.22s cubic-bezier(.34,1.56,.64,1);}.link-icon i{font-size: 20px;color: var(--rose);}.link-icon img{display: block;width: 22px;height: 22px;object-fit: contain;flex-shrink: 0;}.icon-platform{background-image: url('../img/platform-icon.webp');background-size: 20px 20px;background-repeat: no-repeat;background-position: center;}.link-card:hover .link-icon{transform: scale(1.15) rotate(-4deg);}.link-text{flex: 1;display: flex;flex-direction: column;gap: 1px;}.link-title{font-size: 0.92rem;font-weight: 500;color: var(--text-dark);letter-spacing: 0.01em;}.link-sub{font-size: 0.72rem;font-weight: 300;color: var(--text-mid);letter-spacing: 0.04em;}.link-arrow{font-size: 0.75rem;color: var(--rose-light);transition: transform 0.22s ease,color 0.22s ease;}.link-card:hover .link-arrow{transform: translateX(4px);color: var(--rose);}.tag-badge{position: absolute;top: 50%;transform: translateY(-50%);right: 36px;font-size: 0.6rem;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;color: var(--white);background: linear-gradient(90deg,var(--rose),var(--rose-deep));padding: 2px 7px;border-radius: 20px;box-shadow: 0 2px 8px rgba(194,24,91,0.3);}.section-divider{display: flex;align-items: center;gap: 12px;padding: 22px 24px 10px;}.divider-line{flex: 1;height: 1px;background: linear-gradient(90deg,transparent,rgba(232,105,138,0.3),transparent);}.divider-icon{font-size: 1rem;color: var(--rose-light);}.footer{text-align: center;padding: 24px 24px 10px;display: flex;flex-direction: column;align-items: center;gap: 6px;}.footer-brand{font-family: 'BaiJamjuree',sans-serif;font-size: 1.5rem;font-weight: 300;font-style: normal;color: var(--rose);letter-spacing: 0.05em;}.footer-note{font-size: 0.65rem;font-weight: 400;letter-spacing: 0.18em;text-transform: uppercase;color: rgba(138,74,94,0.5);}.footer-note a{color: inherit;text-decoration: none;transition: opacity 0.2s ease;}.footer-note a:hover{opacity: 0.8;}.hero-content{opacity: 1;}.scroll-hint{display: flex;flex-direction: column;align-items: center;gap: 4px;margin-top: 20px;opacity: 0.5;animation: bounce 2.5s ease-in-out infinite;}@keyframes bounce{0%,100%{transform: translateY(0);}50%{transform: translateY(5px);}}.scroll-hint span{font-size: 0.65rem;letter-spacing: 0.15em;text-transform: uppercase;color: var(--text-mid);}.scroll-hint svg{width: 16px;opacity: 0.7;}@media (max-width: 360px){.name{font-size: 2.4rem;}.links-list{padding: 0 16px;}.link-card{height: 58px;}}@media (max-width: 767px){html,body{scrollbar-width: none;-ms-overflow-style: none;}html::-webkit-scrollbar,body::-webkit-scrollbar{display: none;}}@media (min-width: 768px){.hero-photo-wrap{max-height: 50vh;min-height: 50vh;aspect-ratio: unset;overflow: hidden;text-align: center;width: fit-content;margin: 0 auto;}.hero-photo{width: auto;height: 50vh;object-fit: unset;display: block;}.footer{padding: 15px 24px 10px;}.section-divider{padding: 10px 24px 5px;}}