*{box-sizing:border-box}
html{scroll-behavior:smooth}
.ap-body{margin:0;background:#090817;color:#f5ecff;font-family:Arial,Helvetica,sans-serif}
.ap-page{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;padding:35px 0 110px;background:radial-gradient(ellipse at 4% 20%,rgba(131,46,209,.25),transparent 36%),radial-gradient(ellipse at 96% 56%,rgba(25,194,188,.16),transparent 37%),#090817}
.ap-container{position:relative;z-index:1;max-width:1260px;margin:auto;padding:0 26px}
.ap-orbit{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(4px)}
.ap-orbit-one{width:740px;height:420px;left:-250px;top:260px;border:2px solid rgba(192,93,255,.27);transform:rotate(-25deg);animation:apFloat 18s ease-in-out infinite}
.ap-orbit-two{width:900px;height:460px;right:-420px;top:600px;border:2px solid rgba(65,242,224,.2);transform:rotate(22deg);animation:apFloat 23s ease-in-out infinite reverse}
@keyframes apFloat{50%{transform:translateY(-32px) rotate(-13deg);opacity:.6}}
.ap-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#a99cbf;font-size:13px;margin:15px 0 34px}
.ap-breadcrumb a{color:#c3b4dc;text-decoration:none}
.ap-breadcrumb a:hover{color:#83f9e9}
.ap-breadcrumb span[aria-current]{color:#f4eaff}
.ap-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;align-items:start}
.ap-visual{min-width:0}
.ap-photo-frame{position:relative;overflow:hidden;border:1px solid rgba(196,98,255,.65);border-radius:26px;background:#1a1530;box-shadow:0 0 44px rgba(151,50,236,.19),0 28px 65px rgba(0,0,0,.4)}
.ap-main-photo{display:block;width:100%;max-height:710px;aspect-ratio:4/5;object-fit:cover}
.ap-photo-placeholder{display:grid;place-items:center;min-height:500px;font:80px Georgia,serif;color:#a879df}
.ap-photo-shine{position:absolute;inset:auto 0 0;height:28%;pointer-events:none;background:linear-gradient(transparent,rgba(15,7,30,.35))}
.ap-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.ap-thumbnails img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid rgba(164,93,221,.4);border-radius:13px}
.ap-info{position:relative;overflow:hidden;padding:clamp(25px,4vw,54px);border:1px solid rgba(176,101,246,.38);border-radius:28px;background:linear-gradient(145deg,rgba(38,24,65,.92),rgba(12,26,39,.94));box-shadow:0 25px 75px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08)}
.ap-info-glow{position:absolute;width:300px;height:300px;right:-160px;top:-180px;border-radius:50%;background:#ac49f1;filter:blur(105px);opacity:.3;pointer-events:none}
.ap-info h1{position:relative;margin:0 0 20px;font:normal clamp(50px,6vw,90px)/1.05 Georgia,serif;letter-spacing:-.045em;overflow-wrap:anywhere}
.ap-meta{display:flex;gap:10px 18px;flex-wrap:wrap;color:#d2c4e6;font-size:15px}
.ap-meta span+span:before{content:"·";margin-right:16px;color:#73e9de}
.ap-featured{display:inline-block;margin-top:24px;padding:8px 14px;border:1px solid rgba(191,104,255,.5);border-radius:30px;color:#e6c1ff;font-size:12px}
.ap-categories{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.ap-categories span{padding:9px 13px;border:1px solid rgba(92,227,216,.34);border-radius:20px;color:#a5f5eb;font-size:12px;background:rgba(32,127,128,.1)}
.ap-intro{margin:27px 0 0;color:#e4d8f0;font-size:18px;line-height:1.8}
.ap-divider{height:1px;margin:30px 0;background:linear-gradient(90deg,rgba(185,98,255,.65),rgba(83,242,224,.45),transparent)}
.ap-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ap-details div{display:flex;flex-direction:column;gap:8px}
.ap-details small{font-size:12px;color:#9d90b3;text-transform:uppercase;letter-spacing:.12em}
.ap-details strong{font-weight:500;font-size:16px;color:#f5ebff}
.ap-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.ap-button{flex:1;min-width:145px;display:flex;justify-content:center;align-items:center;min-height:52px;padding:13px 20px;text-align:center;text-decoration:none;font-size:14px;font-weight:600;border-radius:12px;transition:transform .3s,box-shadow .3s}
.ap-button:hover{transform:translateY(-3px)}
.ap-call{color:#f2d9ff;border:1px solid #bc69f2;background:rgba(126,45,174,.25);box-shadow:0 0 17px rgba(190,91,245,.14)}
.ap-whatsapp{color:#86fff0;border:1px solid #55e8dc;background:rgba(27,127,119,.16);box-shadow:0 0 17px rgba(73,232,217,.12)}
.ap-story,.ap-related{margin-top:90px}
.ap-story{padding:40px;border:1px solid rgba(161,92,221,.25);border-radius:24px;background:rgba(23,17,44,.62)}
.ap-story h2,.ap-related h2{margin:0 0 26px;font:normal clamp(32px,4vw,52px)/1.15 Georgia,serif}
.ap-story-text{color:#d8cbe6;line-height:1.9;font-size:17px;white-space:pre-line}
.ap-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ap-related-card{overflow:hidden;text-decoration:none;border:1px solid rgba(174,93,243,.36);border-radius:20px;background:rgba(29,21,51,.85);transition:transform .3s,border-color .3s}
.ap-related-card:hover{transform:translateY(-5px);border-color:#65e9dc}
.ap-related-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ap-related-card>div{display:flex;flex-direction:column;gap:7px;padding:20px}
.ap-related-card strong{font:normal 25px Georgia,serif}
.ap-related-card span{color:#b8aacd;font-size:13px}
@media(max-width:850px){.ap-hero{grid-template-columns:1fr;gap:26px}.ap-photo-frame{max-width:650px;margin:auto}.ap-info{padding:32px}.ap-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ap-page{padding-top:20px}.ap-container{padding:0 16px}.ap-info{padding:25px 20px}.ap-info h1{font-size:clamp(46px,12vw,65px)}.ap-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-story{padding:25px 20px;margin-top:55px}.ap-related{margin-top:60px}.ap-related-grid{grid-template-columns:1fr}.ap-actions{flex-direction:column}.ap-button{width:100%}}
@media(prefers-reduced-motion:reduce){.ap-orbit{animation:none}.ap-button,.ap-related-card{transition:none}}

/* ALINA PROFILE LIGHTBOX */
.ap-main-photo,
.ap-thumbnails img[data-ap-lightbox-image] {
    cursor: zoom-in;
}

.ap-main-photo:focus-visible,
.ap-thumbnails img[data-ap-lightbox-image]:focus-visible {
    outline: 3px solid #6ef7e9;
    outline-offset: 4px;
}

.ap-lightbox[hidden] {
    display: none !important;
}

.ap-lightbox {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 70px 75px;
    background: rgba(5, 4, 15, .96);
    backdrop-filter: blur(25px);
}

.ap-lightbox-figure {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    max-width: 100%;
}

.ap-lightbox-image {
    display: block;
    max-width: 100%;
    max-height: calc(100dvh - 155px);
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 0 55px rgba(165, 61, 245, .24);
}

.ap-lightbox-counter {
    color: #cbb5e3;
    font-size: 13px;
    letter-spacing: .08em;
}

.ap-lightbox button {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    color: #f2e7ff;
    background: rgba(49, 29, 78, .7);
    border: 1px solid rgba(196, 116, 255, .5);
    border-radius: 50%;
    transition: background .2s, border-color .2s;
}

.ap-lightbox button:hover {
    background: rgba(101, 45, 148, .9);
    border-color: #76f8e9;
}

.ap-lightbox-close {
    top: 22px;
    right: 25px;
    padding: 12px 20px;
    border-radius: 30px !important;
    font-size: 13px;
}

.ap-lightbox-prev,
.ap-lightbox-next {
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    font-size: 30px;
}

.ap-lightbox-prev { left: 18px; }
.ap-lightbox-next { right: 18px; }

.ap-lightbox button[hidden] {
    display: none !important;
}

@media(max-width:600px) {
    .ap-lightbox {
        padding: 75px 15px;
    }

    .ap-lightbox-image {
        max-height: calc(100dvh - 175px);
    }

    .ap-lightbox-prev,
    .ap-lightbox-next {
        top: auto;
        bottom: 22px;
        transform: none;
    }

    .ap-lightbox-prev { left: 24px; }
    .ap-lightbox-next { right: 24px; }
}

@media(prefers-reduced-motion:reduce) {
    .ap-lightbox button {
        transition: none;
    }
}

/* ALINA PROFILE LAYOUT FIX V2 */

/* Comfortable spacing below the glass header */
.ap-page {
    padding-top: 85px !important;
}

.ap-breadcrumb {
    margin-top: 0;
    margin-bottom: 34px;
}

.ap-hero {
    align-items: start;
}

/* Keep lightbox attached to viewport */
.ap-lightbox:not([hidden]) {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 70px 75px !important;
    z-index: 2147483647 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(5,4,15,.97) !important;
    overflow: hidden !important;
}

.ap-lightbox[hidden] {
    display: none !important;
}

.ap-lightbox-figure {
    max-height: 100%;
    min-width: 0;
}

.ap-lightbox-image {
    max-height: calc(100dvh - 155px);
    object-fit: contain;
}

@media(max-width:650px) {
    .ap-page {
        padding-top: 55px !important;
    }

    .ap-breadcrumb {
        margin-bottom: 25px;
    }

    .ap-lightbox:not([hidden]) {
        padding: 75px 15px !important;
    }
}
/* ALINA PROFILE STATISTICS — V1 */

.ap-stats {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin-top: 72px;
    padding: clamp(26px, 4vw, 54px);
    border: 1px solid rgba(181, 111, 247, .28);
    border-radius: 28px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(112, 52, 191, .24), transparent 48%),
        radial-gradient(ellipse at 0% 100%, rgba(35, 194, 185, .10), transparent 50%),
        linear-gradient(135deg, rgba(30, 20, 55, .94), rgba(13, 12, 31, .97));
    box-shadow: 0 28px 80px rgba(0, 0, 0, .25);
}

.ap-stats::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(
        120deg,
        rgba(202, 140, 255, .06),
        transparent 42%,
        rgba(77, 235, 221, .04)
    );
}

.ap-stats-heading {
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 34px;
}

.ap-stats-line {
    width: 3px;
    height: 62px;
    flex-shrink: 0;
    border-radius: 10px;
    background: linear-gradient(#bd7dff, #54eadb);
    box-shadow: 0 0 24px rgba(170, 94, 255, .45);
}

.ap-stats-kicker {
    margin: 0 0 8px;
    color: #74e7dc;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .25em;
}

.ap-stats h2 {
    margin: 0;
    color: #f8f0ff;
    font: normal clamp(30px, 4vw, 48px)/1.1 Georgia, serif;
}

.ap-stats-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

.ap-stat-tile {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    min-height: 155px;
    padding: 22px 19px;
    border: 1px solid rgba(180, 133, 239, .18);
    border-radius: 18px;
    background: rgba(255, 255, 255, .035);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

.ap-stat-tile:hover {
    transform: translateY(-5px);
    border-color: rgba(91, 232, 221, .55);
    background: rgba(102, 61, 151, .13);
    box-shadow: 0 15px 40px rgba(12, 8, 31, .35);
}

.ap-stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 17px;
    border-radius: 10px;
    background: rgba(153, 95, 231, .13);
    color: #8aece3;
    font-size: 21px;
}

.ap-stat-label {
    margin-bottom: 9px;
    color: #a99bbd;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ap-stat-value {
    color: #f7efff;
    font-size: clamp(15px, 1.5vw, 19px);
    font-weight: 500;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

@media (max-width: 900px) {
    .ap-stats-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .ap-stats {
        margin-top: 48px;
        padding: 26px 18px;
        border-radius: 22px;
    }

    .ap-stats-heading {
        margin-bottom: 25px;
    }

    .ap-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .ap-stat-tile {
        min-height: 142px;
        padding: 17px 13px;
    }

    .ap-stat-value {
        font-size: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ap-stat-tile {
        transition: none;
    }
}

/* PROFILE HEADER SPACING — V3 */
.ap-page {
    padding-top: 115px !important;
}

@media (max-width: 650px) {
    .ap-page {
        padding-top: 85px !important;
    }
}

/* ALINA SERVICES AND PRICING V1 */
.ap-offerings,
.ap-pricing {
    position: relative;
    margin-top: 34px;
    padding: clamp(25px, 4vw, 42px);
    border: 1px solid rgba(167, 121, 222, .22);
    border-radius: 26px;
    background:
        radial-gradient(circle at 100% 0%, rgba(127, 73, 194, .13), transparent 52%),
        linear-gradient(135deg, rgba(31, 23, 57, .94), rgba(12, 24, 39, .94));
    box-shadow: 0 18px 55px rgba(0, 0, 0, .16);
}

.ap-offerings-heading {
    margin-bottom: 26px;
}

.ap-offerings-kicker {
    display: block;
    margin-bottom: 12px;
    color: #83e7dd;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .23em;
    text-transform: uppercase;
}

.ap-offerings-heading h2 {
    margin: 0 0 12px;
    color: #f9f3ff;
    font-family: Georgia, serif;
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 400;
    letter-spacing: -.035em;
}

.ap-offerings-heading p {
    margin: 0;
    color: #b6a9ca;
    font-size: 14px;
    line-height: 1.7;
}

.ap-service-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.ap-service-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 100%;
    padding: 13px 18px;
    border: 1px solid rgba(116, 227, 219, .27);
    border-radius: 14px;
    background: rgba(88, 59, 135, .18);
    color: #f0eafa;
    font-size: 14px;
    line-height: 1.5;
    overflow-wrap: anywhere;
    transition: border-color .2s ease, background .2s ease;
}

.ap-service-chip:hover {
    border-color: rgba(116, 227, 219, .65);
    background: rgba(88, 59, 135, .32);
}

.ap-service-spark {
    color: #83e7dd;
    font-size: 20px;
    line-height: 1;
}

.ap-pricing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ap-price-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(142, 106, 202, .35);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(101, 62, 151, .2), rgba(14, 42, 53, .45));
}

.ap-price-label {
    color: #9ee8e0;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.ap-price-amount {
    margin: 19px 0 13px;
    color: #fff8ff;
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 500;
    letter-spacing: -.045em;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.ap-price-note {
    color: #afa4c2;
    font-size: 13px;
}

@media (max-width: 650px) {
    .ap-offerings,
    .ap-pricing {
        margin-top: 22px;
        padding: 25px 18px;
        border-radius: 22px;
    }

    .ap-pricing-grid {
        grid-template-columns: 1fr;
    }

    .ap-service-chip {
        padding: 11px 14px;
        font-size: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ap-service-chip {
        transition: none;
    }
}
